react-native init MyProject
这里需要耐心等待几分钟,使网络情况而定。这里MyProject是随便取的,执行上面的命令后,在我的MyProject目录下生成了MyProject目录,这个目录包含了整个项目的文件,初始化成功后在命令行最后会显示下面的信息
六、运行package
上面init之后,我们可以运行react-native run-android命令,如果成功的话,可以将应用安装到真机或模拟器,我这里使用的是真机。但是安装之后可能什么也显示不了,还会有一些错误信息。这是由于手机获取不到显示view的文件,那么这时候我们就需要运行package.在项目目录,输入react-native start并执行,等待一段时间:
七、运行项目
刚刚运行package的命令行不要关闭,重新启动一个新的命令行,
进入项目目录,输入react-native run-android命令并执行,这个过程需要几分钟的时间
在这个过程中可能会出现一些问题,导致build失败:
1. 你没有配置ANDROID_HOME,需要再系统变量中加入这个,指到sdk目录。
2. android sdk的版本太旧了,最低需要android-23
3. 需要新的Android Support Repository
成功会显示:

这里的IP是电脑的IP,不知道的可以在命令行中输入ipconfig进行查询,端口号固定8081。这里我们应该想到为什么需要第六步的原因。
设置完成后,回到空白页面,再次摇一摇手机,选择Reload JS,程序就运行起来,出现Welcome to React Native!
八、欢迎页
最后的稍稍分析一下欢迎也是如何显示出来的。
在项目目录MyProject目录下有个文件app.js文件,打开这个文件,会有一段代码:
import React from ‘react’;
import {
SafeAreaView,
StyleSheet,
ScrollView,
View,
Text,
StatusBar,
} from ‘react-native’;
import {
Header,
LearnMorelinks,
Colors,
DebugInstructions,
ReloadInstructions,
} from ‘react-native/Libraries/NewAppScreen’;
const App: () => React$Node = () => {
return (
<>
contentInsetAdjustmentBehavior=“automatic” style={styles.scrollView}> {global.HermesInternal == null ? null : (
)}
Edit
screen and then come back to see your edits.
Read the docs to discover what to do next: > ); }; const styles = StyleSheet.create({ scrollView: { backgroundColor: Colors.lighter, }, engine: { position: ‘absolute’, right: 0, }, body: { backgroundColor: Colors.white, }, sectionContainer: { marginTop: 32, paddingHorizontal: 24, }, sectionTitle: { fontSize: 24, fontWeight: ‘600’, color: Colors.black, }, sectionDescription: { marginTop: 8, fontSize: 18, fontWeight: ‘400’, color: Colors.dark, }, highlight: { fontWeight: ‘700’, }, footer: { color: Colors.dark,



