React Native 项目结构

2018-04-03  本文已影响0人  Viknando

➕这一步,再搞懂这几步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方法

上一篇下一篇

猜你喜欢

热点阅读