美文网首页react-native
react-native整合系列(二)——集成Ant Desig

react-native整合系列(二)——集成Ant Desig

作者: 悦者生存 | 来源:发表于2018-08-12 12:14 被阅读114次

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

相关文章

网友评论

    本文标题:react-native整合系列(二)——集成Ant Desig

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