创建第一个React Native应用
初始化一个React Native应用,我们可以通过React Native命令行工具来完成,打开终端输入并运行下面命令:
react-native init <项目名字>
如:
react-native init reactApp
react-native init reactApp --registry=https://registry.npm.taobao.org
在这里运行初始化项目时,非常慢,建议用淘宝镜像
然后我们打开reactApp 项目的根目录会看到如下项目结构:
其中,android目录下是我们的Android Native项目,ios目录下是我们的iOS Native项目。
运行React Native应用
React Native应用创建完成之后呢,我们便可以运行它了,运行一个React Native应用通常有两种方式:
1.通过React Native命令行工具
打开终端进入React Native项目的根目录然后输入并运行下面命令即可(提示:通过命令运行android应用之前首先要确保已经有一个正在运行的Android模拟器或者一个已经连接的Android设备):
react-native run-android
//如果要运行iOS项目则通过下面命令
react-native run-ios
2通过AndroidStudio运行我们的项目
把android导入android studio中
image.png image.png
点击运行按钮运行项目
网友评论