第三方庫

UI套件

1悠栓， NativeBase

NativeBase 是一個廣受歡迎的 UI 組件庫咱揍，為 React Native 提供了數(shù)十個跨平臺組件节预。在使用 NativeBase 時，你可以使用任意開箱即用的第三方原生庫狈究，而這個項目本身也擁有一個豐富的生態(tài)系統(tǒng)碗淌，從有用的入門套件到可定制的主題模板。
NativeBase 項目地址: https://github.com/GeekyAnts/NativeBase
入門學(xué)習(xí)地址: https://reactnativeseed.com/

2抖锥，React Native Elements

React Native Elements是一個高度可定制的跨平臺 UI 工具包亿眠，完全用 Javascript 構(gòu)建。該庫的作者聲稱“React Native Elements 的想法更多的是關(guān)于組件結(jié)構(gòu)而不是設(shè)計磅废，這意味著在使用某些元素時可以減少樣板代碼纳像，但可以完全控制它們的設(shè)計”，這對于開發(fā)新手和經(jīng)驗豐富的老手來說都很有吸引力拯勉。
React Native Elements 項目地址:
https://github.com/react-native-training/react-native-elements
React Native Elements 示例項目：
https://react-native-training.github.io/react-native-elements/

3爹耗，Shoutem

Shoutem也是一個 React Native UI 工具包，由 3 個部分組成：UI 組件谜喊、主題和組件動畫。該庫為 iOS 和 Android 提供了一組跨平臺組件倦始，所有組件都是可組合和可定制的斗遏。每個組件還提供了與其他組件一致的預(yù)定義樣式，這樣可以在無需手動定義復(fù)雜樣式的情況下構(gòu)建復(fù)雜的組件鞋邑。

項目地址：https://shoutem.github.io/ui/

4诵次， UI Kitten

UI Kitten這個庫提供了一個可定制和可重復(fù)使用的 react-native 組件工具包账蓉，該工具包將樣式定義移到特定位置，從而可以單獨重用組件或為組件設(shè)置樣式逾一。通過傳遞不同的變量铸本，可以很容易地“動態(tài)”改變主題樣式。
項目地址: https://github.com/akveo/react-native-ui-kitten
項目體驗地址：https://expo.io/@akveo/ui-kitten-explorer-app

5遵堵，React Native Material UI

React Native Material UI是一組高度可定制的 UI 組件箱玷，實現(xiàn)了谷歌的 Material Design。請注意陌宿，這個庫使用了一個名為 uiTheme 的 JS 對象锡足，這個對象在上下文間傳遞，以實現(xiàn)最大化的定制化能力壳坪。

React Native Material UI 項目地址:
https://github.com/xotahal/react-native-material-ui
包含庫組件及示例的清單：
https://github.com/xotahal/react-native-material-ui/blob/master/docs/Components.md

6舶得，React Native Material Kit

React Native Material Kit是一套很有用的 UI 組件和主題，實現(xiàn)了谷歌的 Material Design爽蝴。不過需要說明的是沐批， React Native Material Kit在2017 年 12 月之后就停止維護了。
項目地址: https://github.com/xinthink/react-native-material-kit

7蝎亚，Nachos UI

Nachos UI 是一個 React Native 組件庫九孩，提供了 30 多個可定制的組件，這些組件也可以通過 react-native-web 在 Web 上運行颖对。它通過了快照測試捻撑，支持格式化和 yarn，提供了熱火的設(shè)計和全局主題管理器缤底。
項目地址: https://github.com/nachos-ui/nachos-ui

8顾患，React Native UI Library

Wix 工程公司正致力于開發(fā)這個最先進的 UI 工具集和組件庫，它還支持 react-native-animatable 和 react-native-blur个唧。這個庫附帶了一組預(yù)定義的樣式預(yù)設(shè)（轉(zhuǎn)換為修飾符）江解，包括 Color、Typography徙歼、Shadow犁河、Border Radius 等。
項目地址: https://github.com/wix/react-native-ui-lib

9魄梯，React Native Paper

React Native Paper是一個跨平臺的 UI 組件庫桨螺，它遵循 Material Design 指南，提供了全局主題支持和可選的 babel 插件酿秸，用以減少捆綁包大小灭翔。
React Native Paper 項目地址:
https://github.com/callstack/react-native-paper

Expo 示例應(yīng)用程序：
https://expo.io/@satya164/react-native-paper-example

10，React Native Vector Icons

React Native Vector Icons是一組 React Native 的可定制圖標(biāo)辣苏，支持 NavBar/TabBar/ToolbarAndroid肝箱、圖像源和完整樣式哄褒。它非常有用，而且被數(shù)千個應(yīng)用程序以及其他 UI 組件庫（如 react-native-paper）所使用煌张。
項目地址: https://github.com/oblador/react-native-vector-icons
示例項目：https://oblador.github.io/react-native-vector-icons/

11呐赡，Teaset

Teaset是一個 React Native UI 庫，提供了 20 多個純 JS（ES6）組件骏融，用于內(nèi)容顯示和動作控制链嘀。雖然它的文檔不夠詳盡，但它簡潔的設(shè)計吸引了我的眼球绎谦。
項目地址：https://github.com/rilyu/teaset

其他庫

1管闷，antd-mobile

antd-mobile是由螞蟻金融團隊推出的一個開源的react組件庫，這個組件庫擁有很多使用的組件窃肠。

項目地址：https://github.com/ant-design/ant-design-mobile

2包个，react-native-button

react-native-button是github上一個開源的button組件，目前仍保持比較快的更新頻率冤留，提供比較豐富的Button功能碧囊。
項目地址：https://github.com/ide/react-native-button

3，react-native-image-viewer

react-native-image-viewer是一個圖片大圖瀏覽的庫纤怒，點擊圖片可以放大縮小糯而。

項目地址：https://github.com/ascoders/react-native-image-viewer

4，react-native-image-picker

react-native-image-picker是實現(xiàn)多個圖像選擇泊窘、裁剪熄驼、壓縮等功能的第三方庫，可以使用該庫實現(xiàn)圖片烘豹、照相等操作瓜贾。

項目地址：https://github.com/react-community/react-native-image-picker

5，react-native-picker

react-native-picker是React native最常見的滾輪控件携悯，可以實現(xiàn)單滾輪祭芦、雙滾輪和三滾輪效果。

項目地址：https://github.com/beefe/react-native-picker

6憔鬼，react-native-scrollable-tab-view

react-native-scrollable-tab-view是一個帶有TabBar和可切換頁面的控件龟劲。，在Android中可以看成是ViewPager和TabLayout的結(jié)合轴或。
項目地址：https://github.com/happypancake/react-native-scrollable-tab-view

7昌跌，react-native-app-intro

react-native-app-intro是實現(xiàn)引導(dǎo)頁的庫，當(dāng)然開發(fā)者也可以自己手動實現(xiàn)照雁。

項目地址：https://github.com/fuyaode/react-native-app-intro

8避矢，3D Touch

3D Touch是實現(xiàn)React native 3D Touch的庫，可以用此庫很方便的實現(xiàn)3D Touch。效果如下：

項目地址：https://github.com/jordanbyron/react-native-quick-actions

9审胸，react-native-snap-carousel

react-native-snap-carousel是可以實現(xiàn)復(fù)雜效果的輪播圖庫，實現(xiàn)的效果如下：

除此之外卸勺，還可以實現(xiàn)Galley效果等多種效果砂沛。
項目地址：https://github.com/archriss/react-native-snap-carousel

10，react-native-blur

react-native-blur是專門用于實現(xiàn)毛玻璃效果的曙求。
項目地址：https://github.com/react-native-community/react-native-blur

11碍庵，react-native-actionsheet

react-native-actionsheet是實現(xiàn)底部彈框的組件，可以在Android和iOS平臺上共用悟狱，當(dāng)然也可以自己封裝實現(xiàn)静浴。

項目地址：https://github.com/beefe/react-native-actionsheet

12，react-native-popover

react-native-popover是React Native開發(fā)中常見的彈出提示框操作挤渐，其效果如下圖所示：

13苹享，react-native-charts-wrapper

圖表在移動開發(fā)中應(yīng)用的場景可謂非常多，這里介紹一款使用的比較多的庫浴麻。

項目地址：https://github.com/wuxudong/react-native-charts-wrapper

14得问，react-native-spinkit

react-native-spinkit是一個很炫的加載動畫第三方庫，可以根據(jù)實際情況定制加載的動畫软免。

https://github.com/maxs15/react-native-spinkit

15宫纬，F(xiàn)acebook Design-iOS 10 iPhone GUI

Facebook Design-iOS 10 iPhone GUI是iOS 10 公開版的 GUI 元素模板，包括 Sketch膏萧、Photoshop漓骚、Figma、XD 和 Craft榛泛。
項目首頁：https://facebook.design/ios10

原文：https://blog.csdn.net/xiangzhihong8/article/details/81812418
版權(quán)聲明：本文為博主原創(chuàng)文章蝌蹂，轉(zhuǎn)載請附上博文鏈接！