入坑React之六 React Native

Ant Design Mobile#

这是antd官方的对于手机开发的组件库。它首先是支持手机端H5界面开发,其次是RN(React Native)。因此它的部分组件是不支持RN的(有些组件的部分API也是不支持RN),至少是目前不支持。去年下半年才开源的,我相信随着它版本的演进也会逐渐地对RN进行支持。它的目标是提供符合AntDesign标准的组件,尽可能地忽略OS差异,在手机端实现支付宝APP风格的UI。

React Native入坑#

想用antd mobile做RN,先要搞好RN本身。按照Facebook官方的RN说明,按照它的GET Start教程可以部署好环境。包括:

  • node.js 这个和常规的前端一样,需要用node来管理js依赖。
  • npm安装好react-native。截止到写这段话时,react-native版本时0.4.4,可以看出,它目前并不是1.0版本,它虽然也是stable,也叫release版本,但我理解RN本身不敢以1.0版本发布,说明它内心仍处于实验阶段。
  • Android Stodio 我理解这主要是为了装AVD(Android Virtual Devices 即模拟器)。
  • AVD 装好了AVD,在启动RN程序之前,要先启动AVD
  • antd mobile demo,Facebook官方的RN+antd官方的入门教程启动时是有坑的。需要按照antd的demo修正多个配置文件才可以正常启动。

这样看起来,Android Studio用途就是安装和管理SDK和AVD等。由于调试RN程序前AVD需要先启动。因此,如果AVD用命令直接启动的话,就不用拉起Android Studio了。
而RN开发本身,则和主流前端开发一样,用文本编辑工具即可。它也支持Webpack式的热发布。

DVA#

dva官方号称支持RN,我信。毕竟它统一封装了redux和route,还是很好用的。dva和UI组件库是谁其实并没有什么关系。
入门应用看这里,它解决了RN不支持React Router的问题,而是支持了Navigation。

用手机调试#

居然非常简单,只要将手机USB插上电脑就完成了。

无需使用Android Studio,打开命令行即可。

你可能感兴趣的:(入坑React之六 React Native)