使用React Native来开发ios应用 2016-06-30

屏幕快照 2016-06-30 下午3.37.25.png

之前有想过使用H5和PhoneGap来打包H5成app。facebook推出的React Native大大的降低了开发App的成本。

而且可以同时开发 ios 和 安卓2个版本。使用js远比swift来得更容易,而且一样可以开发出非常棒的原生App。

下面我们来进行开发环境的部署。

在mac下 需要先安装 brew node (这些都应该是mac程序员的标配吧)

//升级下node
brew upgrade node

//安装 react-native命令行工具
npm install -g react-native-cli

其他可选的安装工具
//可以观察文件系统变化的工具
brew install watchman

//一个js类型检测工具
brew install flow


在安装下 atom编辑器的插件 Nuclide
可以方便调试react-native代码

安装完成后 下面我们可以来写个测试项目了。

//创建项目
react-native  init TestProject

//切换到项目目录下
cd TestProject

//运行ios模拟器
react-native run-ios


效果是这样的

屏幕快照 2016-06-30 下午3.53.42.png




用Atom打开项目 查看下 index.ios.js 代码非常好理解 基本上和做网页模板差不多。

屏幕快照 2016-06-30 下午4.05.15.png


环境搭建好后 下一步就是要开发完整的项目。并导入到iphone中查看效果~~~~


react-native-congratulations.png

本文章为 LaravelStore官网原创 转载请注明出处。谢谢合作!