文档链接https://reactnative.cn/docs/0.51/getting-started.html
构建项目
Yarn是Facebook提供的替代npm的工具,可以加速node模块的下载。React Native的命令行工具用于执行创建、初始化、更新项目、运行打包服务(packager)等任务。
npm install -g yarn react-native-cli
安装完yarn后同理也要设置镜像源:
yarn config set registry https://registry.npm.taobao.org --global
yarn config set disturl https://npm.taobao.org/dist --global
Watchman是由Facebook提供的监视文件系统变更的工具。安装此工具可以提高开发时的性能(packager可以快速捕捉文件的变化从而实现实时刷新)。译注:此工具官方虽然是推荐安装,但在实践中,我们认为此工具是必须安装,否则可能无法正常开发。
brew install watchman
测试安装:构建一个简单项目
react-native init MyApp --version 0.44.3
cd MyApp
react-native run-ios 运行项目
或者运行项目:双击ios/AwesomeProject.xcodeproj文件然后在Xcode中点击Run按钮。
在项目下新建components文件夹,存放所有组件
APP.js入口文件
传参给组件New.js——自定义属性
<New data={data}></New>
组件可通过this.props.data接收参数
网友评论