万事开头难，为大家分享一下react native项目的搭建。
react native官网 http://facebook.github.io/react-native/docs/getting-started.html
1 安装react native cli （脚手架工具）
npm install -g create-react-native-app
2 使用create-react-native-app生成项目
create-react-native-app rndemo
3 有两种启动方式
3.1 启动一个本地 server ，然后用expo查看效果
cd rndemo
npm start 或者yarn start
然后会在本机启动一个web server,在app store下载expo，并扫描二维码，则可以预览本地项目。修改app.js,则会看到，真机中项目也随着改变。
image.png
3.2 在本机mac打开一个,模拟器，并运行初始项目
npm run ios
image.png
4 使用react native原生项目开发,然后点击运行。则会在mac上面开启一个模拟器。
npm run eject弹出本地配置项，
在选项中选择React Native: I'd like a regular React Native project.
React Native: I'd like a regular React Native project.
可以看到，生成ios和android两个目录。
4.1 使用命令行方式运行
npm run ios
image.png
4.2用xcode打开.xcodeproj文件。点击运行。
5 react native 生成的初始项目结构如下：
image.png
修改第一行文本为hello world 则可以看到模拟器中已经发生改变，如果没有自动更新，则可以按
command+R键更新
网友评论