使用antd-mobile开发react-native项目（一）

阿里开源的前端框架Ant-Design-Mobile可以支持react-native和react-web项目开发，是一套比较成熟的UI框架，我们采用这套框架来搭建一个react-native项目。

1）建立一个react-native的标准项目
$ react-native init AntdMobileDemo
$ cd AntdMobileDemo
$ react-native run-ios

启动下ios模拟器验证下。

2）添加Ant-Design-Mobile相关依赖
$ yarn add antd-mobile
$ yarn add babel-plugin-import --dev

3）配置文件修改
.babelrc文件增加一行配置
"plugins": [["import", { "libraryName": "antd-mobile" }]]

4）代码修改
index.ios.js
import { Button } from 'antd-mobile';
<Button>antd-mobile button</Button>

5）效果查看

image.png