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
http://www.lxweimin.com/p/d207db8e2d0b

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

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 173,024評論 25 708
  • 前言 前段時間在做自己的開源react-native項目中使用到了螞蟻金服的開源組件庫:Ant Design Mo...
    光強_上海閱讀 17,866評論 0 13
  • 標題很有就業指導的意思,其實是我的一些雜想,提煉主要含義,就這四個字了。 今天一個同事請吃飯,是從去年開始做的一個...
    碎碎念集結閱讀 163評論 0 0
  • 春季護發
    Aurora2017閱讀 139評論 0 0
  • 標準庫中的所有集合類型都使用了“寫時復制”這一技術,它能夠保證只在必要的時候對數據進行復制。 數組切片:切片類型只...
    swagon閱讀 332評論 0 1