[React Native]初步安装指引

1.根据社区教程配置好:

https://reactnative.cn/docs/0.51/getting-started.html#content

 

(如果中途出现一些权限问题可以sudo再执行命令)

 

2.Build IOS & Android app:

根据中文社区的指引，可以顺利搭建完MAC的开发环境。需要安装homebrew。

通过控制台init成项目后，项目目录下就自动生成两个app的项目文件（Android & ios）

Android项目需要根据指引，配置一系列系统环境变量。配置完成后，先打开模拟器，再在控制台run项目，可以成功运行。

ios比android简单，直接run项目即可，自动调起模拟器。

如果需要原生和RN混编，只需要在相应IDE内打开项目即可。

 

3.项目结构:

package.json是依赖包管理文件,类似gradle;

node_modules是react native核心libs;

index.js是项目入口,可以修改

import App from './App';

 来控制入口页面;

 

4使用gitup作为mac上的git管理工具:

现象:不知道什么原因,clone下来后出现更改了js文件但是页面怎么刷新都没有显示,重新启动node server会报没有jsbundle的错误.后来先commit一次修改了的文件,之后又可以实时刷新了.

后来发现,如果使用react-native run-ios来运行,会出现文件没完全解释完就执行的情况,会出现上面的现象.如果通过xcode来启动就没有这种问题.

或者先npm start启动node server然后在运行react-native run-ios

 

5.路径:

若在index.js里面入口在第二级目录require('./js/StackController')

则在StackController页面里面,import同级页面只需要import HomeScreen from './HomeScreen';

如果想要上一级页面则需要import {name as appName} from '../app.json', 两个点