美文网首页
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