美文网首页React-Native
React-Native简单入门

React-Native简单入门

作者: Answer_厮守 | 来源:发表于2017-03-29 11:36 被阅读0次

    1.安装python

    下载地址www.python.org/ ,安装完成之后记得配置python的环境变量,指定到python的安装目录即可

    在cmd命令行中输入python可以检测是否安装成功。

    2.安装react-native

    打开cmd命令行,输入  npm install -g react-native-cli    命令进行全局安装。

    3.创建项目

    在cmd命令行中输入 react-native init HelloRN,HelloRN是你的项目名称,随便你命名。这是我执行完成之后的截图,里面会自动生成ios和android两个的

    等待该命令执行完成之后,然后就进入该项目的跟目录  cd HelloRN,

    然后就启动我们的项目

    到这里之后,这个cmd命令行就放到一边不用去管了。

    接下来就在电脑上打开一个模拟器,或者连接一台真机(真机还会有两个地方需要配置,稍后会说的)

    然后重新打开一个新的cmd命令行,同样是进入到该项目的跟目录,运行  react-native run-android  命令,

    不过在运行之前,你最后去该项目的gradle-wrapper.properties文件中配置一下你本地的gradle,不然他去下载是会很慢的

    等待执行完成之后,就能在在模拟器上看到这界面了,到此,你的已经成功的创建完成React-Native项目。

    如果你连接的是真机,

    1.那么你得在项目中找到package.json文件,瞧瞧该文件中是否有红色框中的这句话,没有的必须加上

    "bundle-android":"react-native bundle –platform android –dev false –entry-file index.android.js –bundle-output android/app/src/main/assets/index.android.bundle –sourcemap-output android/app/src/main/assets/index.android.map –assets-dest android/app/src/main/res/"

    复制过去就行

    这样就可以运行在手机上了

    2.配置IP端口

    不配置的话,真机上可能会红屏,

    这时候就点击手机的菜单建,会有一个弹出框,选择Dev Settings,

    然后选择下面这个

    在输入框里面输入你电脑的ip地址端口默认是8081不用改

    输入完成点确定,然后键盘上双击“R”就可以刷新项目,同样看到该界面。

    相关文章

      网友评论

        本文标题:React-Native简单入门

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