美文网首页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