React Native有什麼UI框架可以使用嗎？

01-21

React Native沒辦法使用CSS，只能使用Inline CSS，像Bootstrap這種是沒辦法用了。不知道React Native有沒有類似的UI框架可以使用呢？

我寫了一個

Teaset: A UI library for react native

提供20+純JS組件，可與React Native已有組件無縫組合使用，可以大大提高開發效率，跑一下Example試試，你會喜歡的。

RN本身就是Mobile App UI框架，你只想要舒服地用自定義CSS，看 react-native-css

RN iOS自帶的組件就可以處理簡單的UI了。

我這邊做RN開發都是自己寫組件，並沒有用什麼UI框架，自己不想實現的組件就到github上搜現成的組件，基本上在UI上沒有什麼難點。

個人也是覺得RN的CSS寫的很不順手，目前接觸了MUI - DCloud，考慮嘗試，如果感覺不錯的話後面再來寫試用報告_(:з」∠)_

================MUI試用報告==================

結論：MUI不如RN

1.MUI說白了只是加強了一下webview的引擎效率，把H5+引擎整合到app中去來提高渲染效率，本質上還是html文檔；RN的CSS寫起來是CSS，但是卻是和原生的樣式做了映射的，所以最終呈現出來的UI就是原生UI。在這一點上，RN完勝MUI。

2.MUI也做了一些原生組件的映射綁定，不過大都是像actionsheet alert這種簡單的組件，如果需要更加靈活一點的話，使用RN來自定義組件是更好的一個方案。

3.MUI的文檔太簡單了。

4.MUI的數據綁定可能要藉助vue.js或者angular.js這一類庫來進行會更方便一些，而RN是依靠state來重繪頁面，效果更好並且效率會更高。

5.MUI不能用ES6語法，畢竟是在web環境下運行的東西。。。

目前使用MUI在做一個項目，不過是純Web的，採用了MUI的UI這一部分，剩下的交給Angular.js了。。。總而言之，MUI在某種程度上算是一個好框架，能夠實現一份代碼，多端運行，但是限制太多，並不適合靈活開發，如果是小型項目並且對時間要求比較緊迫，可以採用MUI，比較正式的項目並不是很推薦。

目前看到的一些暫時沒怎麼用過

- http://shoutem.github.io/docs/ui-toolkit/introduction
- https://github.com/xinthink/react-native-material-kit
- https://github.com/binggg/mrn
- https://avocode.com/nachos-ui/

MRN 可以試試

GitHub - react-native-material-design/react-native-material-design: React Native UI Components for Material Design

發現一個不錯的

NativeBase | Essential cross-platform UI components for React Native

=================================

題主有沒有興趣我們自己實現一個？

React Native 項目常用第三方組件匯總

阿里的 ant-design 支持 react native。

A Mobile Design Specification