这篇文章是“跟我一起学react-native”系列文章的第一篇。这系列文章会持续更新。想要跟我一起学习React Native的朋友可以关注我的微信公众号iOS进阶指南,或者订阅我的个人博客。
背景
最近想要做一款新闻类的App,主要特点是把新闻事件按照时间线整理出来方便跟踪事情的发展。
作为一个雷(xia)厉(bi)风(dao)行(gu)的程序员肯定说干就干。
俗话说不想火的应用不是好App,想要更多的用户肯定不能只局限于一个平台,那就要让这个应用同时登陆安卓和iOS两个平台。但是我作为一个万年iOSer,现在从头开始学安卓恐怕有点不赶趟了。
根据当前敌我态势和恶劣的环境,跨平台开发成为了最优选择。
那怎么样达到跨平台开发的目的呢?根据百度爸爸的指导和以往的所见所闻,就要在阿里的weex和Facebook的react-native中二选一了。
从这篇文章的标题来看,大家肯定知道要选rn,其实最开始我选的是weex,奈何经过三四天的奋战和四处求教,我实在是没有搞定环境,在这里不得不说weex的官方文档真的可以称为简陋,当然我可能是因为我前几天手贱把Mac的系统升级到了Mojave。
在不得不放弃weex以后,只能🙏RN能给点面子。多亏上天眷顾,环境稍微折腾了一下就搞定了。
环境搭建
-
安装Node和Watchman
brew install node brew install watchman
其中,node需要是8或者更新的版本。Watchman是Facebook用来监视文件系统更改的工具,RN强烈建议使用。
-
安装React Native command line interface.
npm install -g react-native-cli
-
创建项目
react-native init rn-test
-
运行项目
cd rn-test react-native run-ios
项目默认会在iPhone 6的模拟器上运行。
至此,环境搭建完成,这个过程中如遇到问题可以参考遇到的问题和解决方案
如果这篇文章能为你提供些许的帮助,我将不胜荣幸。如果你能慷慨的点个赞或者关注我,我将万分感激。