美文网首页
react native hello word

react native hello word

作者: glory_前端 | 来源:发表于2017-09-06 16:55 被阅读0次
创建第一个React Native应用

初始化一个React Native应用,我们可以通过React Native命令行工具来完成,打开终端输入并运行下面命令:

react-native init <项目名字>
如:
react-native init reactApp
react-native init reactApp --registry=https://registry.npm.taobao.org

在这里运行初始化项目时,非常慢,建议用淘宝镜像
然后我们打开reactApp 项目的根目录会看到如下项目结构:

image.png

其中,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

点击运行按钮运行项目

相关文章

网友评论

      本文标题:react native hello word

      本文链接:https://www.haomeiwen.com/subject/hsgejxtx.html