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

相关推荐