react native如何导入

安装React Native

确保Node.js和npm/yarn已安装。使用以下命令全局安装React Native CLI工具：

npm install -g react-native-cli

创建新项目

通过命令行创建新React Native项目：

react-native init MyProject
cd MyProject

导入组件

React Native提供核心组件如View、Text、Image等。在文件中导入所需组件：

import { View, Text, StyleSheet } from 'react-native';

导入第三方库

通过npm或yarn安装第三方库后导入：

npm install react-native-vector-icons

在代码中使用：

import Icon from 'react-native-vector-icons/FontAwesome';

导入本地文件

相对路径导入本地JavaScript文件或资源：

import CustomComponent from './components/CustomComponent';
import imageSource from './assets/image.png';

样式导入

创建单独的样式文件并导入：

// styles.js
export default StyleSheet.create({
  container: {
    flex: 1,
  },
});

// App.js
import styles from './styles';

导出组件

确保组件使用export default或命名导出：

// CustomComponent.js
const CustomComponent = () => { /* ... */ };
export default CustomComponent;

运行项目

启动Metro打包工具并运行应用：

react-native start
react-native run-android
# 或
react-native run-ios