科技巨頭之一Facebook在2015年創(chuàng)建并管理React Native這套應(yīng)用程序開發(fā)框架，以幫助開發(fā)人員構(gòu)建具有原生外觀感覺的跨平臺(tái)應(yīng)用程序(這是React Native名稱的由來(lái))。

從那時(shí)起，React Native贏得了全球眾多開發(fā)人員和企業(yè)的芳心，這歸功于其易于使用、豐富特性、自動(dòng)升級(jí)、出色功能、改進(jìn)的UI/UX、比較容易上手和強(qiáng)大的社區(qū)等。

現(xiàn)在，React Native擁有廣泛的UI元素和庫(kù)，可減少軟件開發(fā)耗費(fèi)的時(shí)間，并簡(jiǎn)化開發(fā)人員的工作。這些庫(kù)包含一系列非常有用的組件，可以將它們整合到您的Web或移動(dòng)應(yīng)用程序中，以構(gòu)建出色的界面。

因此，您可以使用這些現(xiàn)成的組件，甚至可以根據(jù)應(yīng)用程序要求來(lái)定制這些組件，而不是從頭開始編寫代碼行。

可以在GitHub上找到各種React Native庫(kù)用于您的項(xiàng)目中。然而，基于星的評(píng)級(jí)方法也可能非常棘手，而且誤導(dǎo)人。因此，本文列出了開發(fā)人員在不同項(xiàng)目中經(jīng)常使用的最流行的庫(kù)。不妨看一下!

1.React Native Elements

React Native Elements可能是開發(fā)人員聽到React Native時(shí)馬上想到的第一個(gè)庫(kù)。雖然這個(gè)UI構(gòu)建套件遵循Material Design原則，但它不僅僅是一個(gè)自成一體的設(shè)計(jì)系統(tǒng)，也讓開發(fā)人員可以精細(xì)化控制組件結(jié)構(gòu)。

您可以根據(jù)要求對(duì)組件進(jìn)行建模，完全控制應(yīng)用程序設(shè)計(jì)。它還可以為您節(jié)省大量時(shí)間，那樣您不必一再重寫相同的代碼。因此，您將能夠迅速構(gòu)建真正吸引人的應(yīng)用程序，又有易于使用、引人注目的功能。

• 22200顆GitHub星
• 完整的文檔
• 開源和MIT許可證
• 支持Expo

2.Lottie for React Native

愛彼迎開發(fā)了這種獨(dú)一無(wú)二的UI框架，用于創(chuàng)建出色的動(dòng)畫。您可以使用Lottie 社區(qū)提供的免費(fèi)特色動(dòng)畫來(lái)創(chuàng)建原生安卓和iOS應(yīng)用程序。此外，該庫(kù)讓您可以使用Adobe After Effects創(chuàng)建定制的動(dòng)畫。

在Bodymovin擴(kuò)展件的幫助下，Lotti可以將定制的界面導(dǎo)出為JSON格式，然后在您的原生應(yīng)用程序中呈現(xiàn)它們。由于文件尺寸小、矢量格式，您能夠創(chuàng)建高性能的應(yīng)用程序，同時(shí)創(chuàng)建具有視覺吸引力的UI。

• 14900顆GitHub星
• 支持Expo的完整文檔
• Apache許可證 2.0
• 社區(qū)支持的開源

3.NativeBase

自React Native問世以來(lái)，這個(gè)老牌庫(kù)就已經(jīng)存在。NativeBase是最好的跨平臺(tái)應(yīng)用程序開發(fā)框架之一，它支持豐富廣泛的生產(chǎn)級(jí)UI組件。除了基本支持外，它還為有用的功能提供預(yù)配置。

NativeBase是創(chuàng)建視覺美觀且易于使用的應(yīng)用程序的完美起點(diǎn)。它提供了支持的主題和付費(fèi)模板，您可以用它們來(lái)縮短開發(fā)時(shí)間。又由于它擁有可定制的功能，您還可以將它們與附加功能整合起來(lái)，使得構(gòu)建統(tǒng)一的界面變得非常輕松和快速。

• 17400顆GitHub 星
• Apache許可證 2.0
• 現(xiàn)場(chǎng)示例
• 開源和Expo支持

4.React Native Material UI

這個(gè)UI框架通過20種不同的可定制組件(比如化身、工具欄、抽屜和按鈕等)，提供了更輕松、更快速的應(yīng)用程序開發(fā)流程。它使用Google Material Design原則，通過簡(jiǎn)化導(dǎo)航及其他功能，幫助您改善用戶體驗(yàn)。

可以將您的項(xiàng)目樣式與自支持的React組件輕松整合起來(lái)，將它們塑造成動(dòng)態(tài)UI。此外，這些組件獨(dú)立于任何全局樣式表。

• 3700顆GitHub星
• MIT許可證
• 免費(fèi)開源
• 通過GitHub問題單提供社區(qū)支持

5.React Native UI Kitten

這個(gè)React Native框架的名字取得真不賴!該UI組件庫(kù)基于Eva設(shè)計(jì)系統(tǒng)，提供了480多個(gè)圖標(biāo)，允許您創(chuàng)建自定義主題。您還可以使用或擴(kuò)展兩個(gè)內(nèi)置的視覺主題。

UI Kitten擁有20多個(gè)重要的UI組件，是少數(shù)幾個(gè)與每個(gè)組件的從右到左編程方法都兼容的庫(kù)之一(如果您在開發(fā)全局應(yīng)用程序，請(qǐng)留意這一點(diǎn))。它還支持Web開發(fā)。在這個(gè)庫(kù)中，樣式類與業(yè)務(wù)邏輯相分離，UI組件則以相同的方式存儲(chǔ)。這種方法類似CSS，樣式定義并不附加到代碼中。

• 6800顆GitHub星
• 開源和MIT許可證
• 完整的文檔
• 為付費(fèi)版提供專門的支持

結(jié)語(yǔ)

您認(rèn)為最好的React Native UI組件庫(kù)是什么?答案很簡(jiǎn)單，滿足您的軟件和業(yè)務(wù)需求的那個(gè)庫(kù)。

本文中提到的UI庫(kù)都由社區(qū)積極開發(fā)和維護(hù)。這些框架可以幫助您在更短的時(shí)間內(nèi)構(gòu)建功能強(qiáng)大的應(yīng)用程序，那樣您不必在每次開發(fā)React Native項(xiàng)目時(shí)重新發(fā)明輪子。只要您知道在UI設(shè)計(jì)中要完成什么，這里的任何一個(gè)庫(kù)都能解決問題。

最終目標(biāo)是招聘有能力的React Native開發(fā)人員，并構(gòu)建滿足用戶需求的應(yīng)用程序。

原文標(biāo)題：??2022’s Top 5 React Native UI Libraries??，作者：Sarrah Pitaliya