美文网首页
React Native 项目结构

React Native 项目结构

作者: Viknando | 来源:发表于2018-04-03 11:23 被阅读0次

    ➕这一步,再搞懂这几步React Native才算入门

    配置RN环境就不说了,直接新建项目react-native init demo_new,看目录结构:

    image.png
    安装app方法

    1直接用命令react-native run-ios或者react-native run-android安装项目到模拟器上,会发现终端有个东西在运行着,这个是我们在线调试最重要的东西包管理工具npm
    2不用命令通过直接用android studio打开Android项目文件夹然后编译安装。此时项目是运行不了的,需要把npm启起来npm start,用命令安装时自动开启了。IOS也是一样的。

    index.js文件

    index.android.js和index.ios.js是rn区分android和ios的方法,在文件名和后缀间➕android/ios,现在的项目初始化时直接就是index.js,没区别生成两个文件了,可以自动手动修改成index.android.js和index.ios.js

    不依赖npm运行app方法

    打包app方法

    相关文章

      网友评论

          本文标题:React Native 项目结构

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