react-native使用蚂蚁金服的antd-mobile组件库教程
国际惯例,先来展示下这个强大的组建库,常用的大部分组建都可以找到
![](http://upload-images.jianshu.io/upload_images/4770957-4cc5238e7423c4d0.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
9A99D507-9505-478F-956C-8F243CFECAF5.png
![](http://upload-images.jianshu.io/upload_images/4770957-3525edc67bac02e1.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
![](http://upload-images.jianshu.io/upload_images/4770957-0ce79a7d008b22df.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
![](http://upload-images.jianshu.io/upload_images/4770957-d075fe9b41fcf4ac.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
https://mobile.ant.design 这是组件库网站 阿里旗下的
https://github.com/ant-design/ant-design-mobile 这是github网址,里面有源码,源码里面有使用案例,还有iOS和Android的apk安装包,扫一扫二维码就可以下载安装到手机。
安装步骤
1.
npm install react-dom --save
2.
npm install antd-mobile --save
3.
npm install babel-plugin-import --save-dev
4.在你的项目目录下找到。.babelrc 文件,把括号里面的内容( "plugins": [["import", { "libraryName": "antd-mobile" }]],)配置好
{
"plugins": [["import", { "libraryName": "antd-mobile" }]],
"presets": ["react-native"]
}
使用步骤
1.引入
import { Button } from 'antd-mobile';
2.使用
render() {
return <Button>Start</Button>;
}
连环转:http://blog.csdn.net/sinat_17775997
最怕你一生碌碌无为 还安慰自己平凡可贵