react-native整合系列(二)——集成Ant Design Mobile RN

react项目一直在使用ant design的UI,感觉非常好,rn项目我也依然使用Ant Design Mobile RN,蚂蚁金服的有保障

而且集成非常容易

第一步:

npm install antd-mobile-rn --save

第二部

npm install babel-plugin-import --save-dev

这是按需加载只加载自己用到的组件

第三步设置.babelrc

image.png
{
  "presets": ["babel-preset-expo"],
  "env": {
    "development": {
      "plugins": [
        "transform-decorators-legacy",
        ["import", { "libraryName": "antd-mobile-rn" }]
      ]
    }
  }
}

好,基本就是这样
有什么问题,给我留言

react-native整合系列(一)——集成redux
https://www.jianshu.com/p/d207db8e2d0b

react-native整合系列(三)——集成react-native-router-flux
https://www.jianshu.com/p/35cdf1237017

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 176,429评论 25 709
  • 前言 前段时间在做自己的开源react-native项目中使用到了蚂蚁金服的开源组件库:Ant Design Mo...
    光强_上海阅读 18,098评论 0 13
  • 标题很有就业指导的意思,其实是我的一些杂想,提炼主要含义,就这四个字了。 今天一个同事请吃饭,是从去年开始做的一个...
    碎碎念集结阅读 1,319评论 0 0
  • 春季护发
    Aurora2017阅读 1,220评论 0 0
  • 标准库中的所有集合类型都使用了“写时复制”这一技术,它能够保证只在必要的时候对数据进行复制。 数组切片:切片类型只...
    swagon阅读 2,801评论 0 1

友情链接更多精彩内容