React Native介绍
React Native 是 Facebook 在2015 Rect开发者大会上公开的应用开发框架,一个可以用Rect 开发原生应用的框架。
React Native 可以真正的跨端开发,它是基于Rect的组件化开发模式,拥有web的发布能力和原生应用的性能,
一、环境搭建
1.在Mac上安装Xcode(需要用mac开发)
2.使用 Homebrew 官网提供的指引安装 Homebrew
3.安装node.js 终端命令:
brew installnode
4.安装watchman,终端命令:
brewinstallwatchman
5.安装flow 终端命令:
brewinstallflow
6.使用npm安装 React Native CLI 工具:
npminstall -g react-native-cli
二、创建项目
1.cd 到要创建项目的目录下,使用 React Native CLI 创建项目,终端命令:
react-nativeinit HelloWorld
2.到创建的HelloWorld项目中的iOS文件夹下,运行HelloWorld.xcodeproj
3.快捷键command+R 运行一下,会看到React-Packger和iOS模拟器,这样就成功了
Paste_Image.png
注:
1.文件夹中的index.ios.js文件就是React-Native JS 的入口文件
2.在xcode项目代码中AppDelegate.m会标识入口文件,:
jsCodeLocation= [NSURL URLWithString:@"-----------------"];
三、调试
将应用设置为在模拟器中运行,运行后,按键Command+D,弹出调试菜单选项,选择Debug in Chrome。以加断点,打日志进行调试,不过需要安装插件。
Paste_Image.png
四、发布注意事项
jsCodeLocation= [NSURL URLWithString:@"-----------------"];
发布的时候,需要将上边代码注释掉
使用下边这一行代码:
jsCodeLocation= [[NSBundle mainBundle] URLForResource:@"main"withExtension:@"jsbundle"];
这样,就可以一直在真机上运行,而不依靠开发环境的支持了。
发布的时候,还要记得选择release版本,这样调试菜单才不会出现