摘要:聲明式用法只需使用動畫的名稱,該動畫將在加載該元素時立即生效。實際案例這個庫支持本地推送通知功能比較全面。實際案例具有縮放支持,回調,縮放以適應和滾動指示器支持的組件。這是圖像上傳或圖像處理的基本庫。
本篇 React native 庫列表不是從網上隨便找的, 這些是我在我的應用中親自使用的庫。 這些庫功能可能跟其它庫也有,但經過大量研究并在我的程序中嘗試后,我選擇了這些庫。
想閱讀更多優質文章請猛戳GitHub博客,一年百來篇優質文章等著你!
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 SwiperReact 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 文件導入自定義圖標集。
捆綁圖標集:
Entypo by Daniel Bruce (411 icons)
EvilIcons by Alexander Madyankin & Roman Shamin (v1.8.0, 70 icons)
FontAwesome by Dave Gandy (v4.7.0, 675 icons)
Foundation by ZURB, Inc. (v3.0, 283 icons)
Ionicons by Ben Sperry (v3.0.0, 859 icons)
MaterialIcons by Google, Inc. (v3.0.1, 932 icons)
MaterialCommunityIcons by MaterialDesignIcons.com (v2.0.46, 2046 icons)
Octicons by Github, Inc. (v5.0.1, 176 icons)
Zocial by Sam Collins (v1.0, 100 icons)
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...
我是小智,公眾號「大遷世界」作者,對前端技術保持學習愛好者。我會經常分享自己所學所看的干貨,在進階的路上,共勉!
關注公眾號,后臺回復福利,即可看到福利,你懂的。
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/103554.html
摘要:寫在前面一個好的缺不了好的三方支持,生活在這個活躍的開源社區,尋找合適的三方組件是一個開發者最基本的能力。下面分享幾個我收集的三方模塊,希望對大家有點幫助。 寫在前面 一個好的App缺不了好的三方支持,生活在ReactNative這個活躍的開源社區,尋找合適的三方組件是一個開發者最基本的能力。不過不積跬步,無以至千里,不積小流,無以成江海。下面分享幾個我收集的三方模塊,希望對大家有點幫...
摘要:除此之外,部分頁面,其實完全可以由網頁去支持多端共用的功能,樓主親身遇到過的場景,就是圖表的繪制,我們的方案是一個頁面,需要微信,手機網頁,和都具備該功能,而且我們手機網頁和客戶端打開的稍微有區別,需要隱藏。 showImg(https://segmentfault.com/img/bVzxDW); 相信好多寫React Native的都是前端出身,當然遇見問題的,也很多時候會想從前端...
摘要:周末是時隔兩月的家人團聚,而每次內容的準備平均需要我集中精力工作小時,所以第期的內容今早才準備好,對不住大家了。下面是本周精選內容,請享用。本文作者王仕軍,商業轉載請聯系作者獲得授權,非商業轉載請注明出處。 showImg(https://segmentfault.com/img/remote/1460000009742537?w=1240&h=509); 周末是時隔兩月的家人團聚,而...
閱讀 2793·2021-10-11 10:57
閱讀 2402·2021-08-27 16:20
閱讀 1384·2019-08-30 13:03
閱讀 1563·2019-08-30 12:50
閱讀 3336·2019-08-29 14:16
閱讀 1561·2019-08-29 11:12
閱讀 1613·2019-08-28 17:53
閱讀 2893·2019-08-27 10:58