react-native使用蚂蚁金服的antd-mobile组件

作者: 既然可以颠覆何必循规蹈矩 | 来源:发表于2017-03-31 15:07 被阅读4673次

有什么问题可以进qq群讨论 131657381

国际惯例，先来展示下这个强大的组建库，常用的大部分组建都可以找到

9A99D507-9505-478F-956C-8F243CFECAF5.png

3D408F99-BCD5-4C3E-905B-0EDAEB58A858.png

FFC8CB54-EF30-41AB-AA49-83AE3379C69E.png

A52EFACE-86F2-4586-86F5-6644206FDD4D.png

https://mobile.ant.design 这是组件库网站阿里旗下的

https://github.com/ant-design/ant-design-mobile 这是github网址，里面有源码，源码里面有使用案例，还有ios和android的apk安装包，扫一扫二维码就可以下载安装到手机。

安装步骤

yarn add antd-mobile

yarn add babel-plugin-import

3.在你的项目目录下找到。.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>;
  }

亲测，超级好用所以分享给大家。。。。。

网友评论

_Wake:弱弱的问一下， antd-mobile 组件在 react项目和 react-native 项目中的使用方法是一样的吗？
就好比上面的例子，心里总感觉是一个 react web 的组件
既然可以颠覆何必循规蹈矩:@呵呵就叫这个吧两套组建。两个库
c4466df7da5f:求答案。。蚂蚁这个是同时支持react和rn吗
74838f1f0756:楼主哪里有antd组件的资料，官网的上的都不全。
既然可以颠覆何必循规蹈矩:@沙漠中旅者看源码里面的例子
既然可以颠覆何必循规蹈矩:看源码，里面有

本文标题：react-native使用蚂蚁金服的antd-mobile组件

本文链接：https://www.haomeiwen.com/subject/tbxvottx.html

react-native使用蚂蚁金服的antd-mobile组件