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;



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', 两个点