React Native 經常使用的 15 個庫

阿里雲最近在作活動，低至2折，有興趣能夠看看：
https://promotion.aliyun.com/...

---

爲了保證的可讀性，本文采用意譯而非直譯。

本篇 React native 庫列表不是從網上隨便找的， 這些是我在個人應用中親自使用的庫。 這些庫功能可能跟其它庫也有，但通過大量研究並在個人程序中嘗試後，我選擇了這些庫。

15. React Native Animatable

這個庫很是適合快速地向 React Native 應用程序添加簡單的動畫和轉換。這個庫有兩種使用方式:聲明式和命令式。

聲明式用法只需使用動畫的名稱，該動畫將在加載該元素時當即生效。打開頁面時，標題應該從左邊滑進去。

若是你想手動播放動畫，這個wgy命令式用法就很好用。當有人喜歡某個帖子時，搖動一個心形圖標。

你也能夠定義你本身的動畫!對於複雜的動畫，能夠查找 React Native 的 Animated 的 API。

實際案例

14. React Native Push Notification

這個庫支持本地推送通知功能比較全面。它具備日程通知、基於日、周、時間的重複通知等其餘庫中沒有的功能。

若是你的應用程序具備離線可用而且須要推送通知，則此庫是你的選擇。

13. React Native FCM

若是你的應用程序須要使用 GCM 或 FCM 從服務器發送遠程通知，那麼這個庫就你選擇之一，FCM 只是 GCM 的最新版本。

這個庫還支持帶有調度和重複支持的本地通知。所以，若是你同時須要遠程和本地通知，那麼可使用 response-native-fcm

12.React Native Hyperlink

一個簡單的 react-native 超連接組件的可讓 url，模糊連接，電子郵件等可點擊。它還支持樣式化連接。只要將 Text 組件做爲子組件傳遞給 Hyperlink 組件，庫就會處理一切。

實際案例

11. React Native Sound

你須要在應用中播放聲音或音樂的庫。 我使用這個庫來播放應用程序聲音並播放錄製的答案。

實際案例

下面是React native應用程序聲音的演示視頻：

https://youtu.be/DpE_8j-aq0I

10. React Native loading spinner overlay

一個簡單但很是有用的組件。當你但願阻止用戶在處理某些內容時執行任何其餘操做時，你可使用此組件。 經過在 Android 中處理後退按鈕，該組件也作得很好。 示例：提交帖子

9. React Native Progress

在應用程序中，顯示加載或任何其餘操做的進度是很重要的。這個庫經過支持5個不一樣的組件，如線性進度條、圓形、餅狀圖等，能夠很容易地顯示進度。

實際案例

8. React Native Swiper

React Native swiper對於實現App intro，Image carousel和Image Galleries很是有用。

下面是React native swiper 的演示視頻:

https://www.youtube.com/watch...

7. React Native Share

與UI自定義分享組件，它還支持分享文件。

實際案例

6. React Native Photo View

具備縮放支持，onload 回調，縮放以適應和滾動指示器支持的 Image 組件。 此組件存在高分辨率圖像問題。 固然，這不是React Native 的特定問題。 當存在高分辨率圖像時，內存問題在 Android 上很常見。

5. React Native Image Picker

這是圖像上傳或圖像處理的基本庫。 它支持從圖庫中選擇，從相機拍攝照片。 我喜歡這個庫中另外一個有用的功能是選擇圖像分辨率的選項，此功能解決了因爲高分辨率圖像致使的內存問題。

4. React Native Simple Store

這個庫只是 React Native 的內置 AsyncStorage API的封裝，但它很是有用，由於它具備Promises、l鏈式調用和超級簡單的 API 等特性。

3. React Native Vector Icons

這是最好的 Icon 組件。 它捆綁了 10 個圖標集，圖標按鈕組件，還容許你使用字形圖，Fontello 和 TTF 文件導入自定義圖標集。

捆綁圖標集：

1. Entypo by Daniel Bruce (411 icons)
2. EvilIcons by Alexander Madyankin & Roman Shamin (v1.8.0, 70 icons)
3. FontAwesome by Dave Gandy (v4.7.0, 675 icons)
4. Foundation by ZURB, Inc. (v3.0, 283 icons)
5. Ionicons by Ben Sperry (v3.0.0, 859 icons)
6. MaterialIcons by Google, Inc. (v3.0.1, 932 icons)
7. MaterialCommunityIcons by MaterialDesignIcons.com (v2.0.46, 2046 icons)
8. Octicons by Github, Inc. (v5.0.1, 176 icons)
9. Zocial by Sam Collins (v1.0, 100 icons)
10. SimpleLineIcons by Sabbir & Contributors (v2.4.1, 189 icons)

2. React Native Modalbox

這個 Modal 庫是基於 React Native 的 Modal組件構建的，但附帶了許多自定義和功能。 它具備在應用程序中使用 Modals 所需的全部功能。

實際案例

1. React Native Router Flux

導航是 React Native 社區中的主要問題之一，由於它沒有默認導航系統。 不管 React Native 出現什麼導航系統老是有變化或不穩定。

這個庫幫助我使用一個很是簡單的聲明性API快速實現導航。 它維護一堆路線並從應用程序中的任何場景導航到任何場景就像調用函數同樣簡單。

它也支持選項卡式導航，側邊欄和模態框。 能夠將模態框定義爲場景，以即可以從任何場景調用模態。

你能夠已經在用 React-Navigation 了，並想知道我爲何要使用 React Native Router Flux？ 不要擔憂 React Native Router flux v4 基於 React-Navigation 而且具備更簡單的 API！

上面的大多數應用程序演示都使用 React-native-router-Flux 做爲導航系統。

總結

若是你使用一個不在上面列表中的真棒React Native庫，請在下面的評論中告訴我！

你的點贊是我持續分享好東西的動力，歡迎點贊！

交流

乾貨系列文章彙總以下，以爲不錯點個Star，歡迎 加羣 互相學習。

https://github.com/qq44924588...

我是小智，公衆號「大遷世界」做者，對前端技術保持學習愛好者。我會常常分享本身所學所看的乾貨，在進階的路上，共勉！

關注公衆號，後臺回覆福利，便可看到福利，你懂的。