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，打开命令行即可。