React Native tehnoloģija kļūst arvien populārāka lietotņu izstrādātāju vidū. Tā rezultātā gatavas bibliotēkas un lietotāja saskarnes komponenti ir sākuši parādīties, lai paātrinātu lietotņu izstrādes projektus.

Šīs atvērtā pirmkoda un bezmaksas bibliotēkas palīdz ātri izstrādāt lietotnes, nevis plaši pārveidot lietotņu elementus, pamatojoties uz mērķa platformu.

Šajā rakstā jūs atradīsit lietotāja interfeisa (UI) resursus, kas nepieciešami nākamajam React Native lietotņu izstrādes projektam.

Attēla kredīts: Izgatavots ar React.js

Ja esat a programmētājs, kurš dod priekšroku vienkāršotam dizainam, apmeklējiet Teaset UI bibliotēku. Tas piedāvā vairāk nekā 20 oriģinālus JavaScript ES6 komponentus. Topošie dizaineri un React Native lietotņu izstrādātāji var bez maksas piekļūt šīs bibliotēkas elementiem un tos izmantot. Rakstīšanas laikā tam GitHub ir vairāk nekā 600 lietotāju un 2,8K zvaigznes.

Galvenās funkcijas ietver:

  • Iekļaujiet izcilu satura attēlojumu un lietotāja vadību lietotnē.
  • instagram viewer
  • Noderīgi moduļi, piemēram, TabView, DrawView un Stepper.
  • Galvenā komponentu valoda ir JavaScript, un bibliotēka atbalsta Redux.
Attēla kredīts: NativeBase

Šī bezmaksas bibliotēka, kurai var piekļūt, izmantojot tiešsaistes tīmekļa platformu, ir bagāta ar gandrīz 40 komponentiem, ieskaitot darbības lapas, ēdienkartes, rīvmaizi, vērpējus un atvērējus. Izmantojot šos, jūs varat nemanāmi izstrādāt lietotni ar dabisku izskatu. NativeBase vietnē GitHub ir vairāk nekā 58 000 lietotāju un 15,6 000 zvaigznes.

Galvenās funkcijas ietver:

  • Viens no šīs bibliotēkas pamatelementiem ir Tematiskums, kas ļauj personalizēt lietotnes motīvu un komponentu stilus.
  • React Native ARIA pilnvaro piedāvāt jums React āķus, lai pēc iespējas ātrāk izveidotu pieejamas dizaina sistēmas.
  • Tā kā tā ir saderīga ar utilītu rekvizītiem, jūs varat bez problēmām izveidot pielāgotus lietotāja saskarnes komponentus.
Attēla kredīts: Reaģējiet uz vietējiem elementiem

Šis React Native UI rīkkopa piedāvā dažādu atvērtā pirmkoda React Native komponentu bibliotēku apvienošanu vienuviet. Bibliotēka ir pieejama mākoņa tīmekļa platformā, kur var izveidot savienojumu ar React Native izstrādātājiem. Ar vairāk nekā 106 000 GitHub lietotāju, tam ir arī 21,1K zvaigznes.

Galvenās funkcijas ietver:

  • Vairāk nekā 30 komponenti, lai konsekventi izstrādātu lietotnes Android, iOS un tīmeklim. Tie ietver meklēšanas joslas, nozīmītes, pārklājumus, cenas utt.
  • Elementi izmanto TypeScript valodu.
  • Platforma visus elementus glabā centrālajā serverī. Tāpēc izmaiņas lietotnē kļūst bez piepūles.

Saistīts: Kas ir TypeScript un kāpēc izstrādātājiem tas jāizmēģina?

Attēla kredīts: Loti

Lotija ir React Native mobilo lietotņu izstrāde bibliotēka, kurai globālā izstrādātāju kopiena var piekļūt, izmantojot atvērtā pirmkoda licencēšanu. Šo komponentu izmantotās valodas ir Java, JavaScript, C#, Swift, Objective-C, Ruby un Starlark. Šo bibliotēku no GitHub izmantoja vairāk nekā 82 000 cilvēku, un 14 400 cilvēku piedāvāja tai zvaigznīti.

Galvenās funkcijas ietver:

  • Visaptveroša animāciju kolekcija lietotnē.
  • Lietotņu dizaineri var izstrādāt un pārvietot animācijas bez inženiera palīdzības.
  • Atbalsta animācijas failu eksportēšanu JSON formātā no BodyMovin faila formāta.
Attēla kredīts: GitHub

Ignite CLI ļauj bez piepūles iekļaut projektā bezmaksas katla plāksnes kodus. Šajā bibliotēkā izmantotās valodas ir TypeScript, Java, JavaScript, Objective-C, Shell un EJS. Vietnē GitHub tas nopelnīja 12,8 tūkstošus zvaigžņu.

Galvenās funkcijas ietver:

  • Lietotnes katls ir populārs gan tukšajam React Native, gan Expo.
  • Izmantojiet, kopīgojiet un pārbaudiet lietotnes komponentus sadarbības vidē.
  • Izveidojiet lietotnes, kas ir gatavas flipper un reaktotroniem.
Attēla kredīts: Radošais Tims

Šis atvērtā pirmkoda resurss ir jūsu ideālais palīgs, veidojot skaistu e-komercijas lietotni React Native. Rakstīšanas laikā vietnē GitHub ir 480 zvaigznes.

Veidne, kuras pamatā ir React Native, Galio.io un Expo, ļauj savai lietotnei pievienot gludas pogas, navigācijas ceļus, ievades un ekrānus.

Galvenās funkcijas ietver:

  • Brīvība izvēlēties no aptuveni 200 komponentiem, piemēram, pogām, ievadēm, kartēm, navigācijām utt.
  • Funkcija, lai modificētu motīvu, izmantojot krāsu variācijas visos komponentos.
  • Bezmaksas izstrādājiet šādus ekrānus: Sākums, Profils, Konts, Elementi, Raksti un Iesākšana.
Attēla kredīts: UI kaķēns

Šis atvērtā pirmkoda un bezmaksas lietotāja interfeisa komplekts ir piemērots React Native lietotņu izstrādes projektiem. Bibliotēkā ir plašs lietotāja interfeisa elementu klāsts, lai izveidotu dažādas lietotnes, tostarp tērzēšanas lietotni, e-komercijas lietotni vai sociālo mediju pārvaldības lietotni. Papildus 8,4K zvaigznēm vietnē GitHub tam ir gandrīz 3000 lietotāju.

Galvenās funkcijas ietver:

  • Izmantojiet tās motīvu dizainu, lai izstrādātu skaistas lietotnes.
  • Izpildes laikā mainiet motīvu, atkārtoti neielādējot lietojumprogrammu.
  • Atomu komponenti palīdz jums izveidot satriecošas un konsekventas lietotņu saskarnes.

Saistīts: Kāda ir atšķirība starp UI un UX dizainu?

Attēla kredīts: Bļāviens

Izstrādājot lietotni React Native, kas darbosies operētājsistēmās Android un iOS, šis lietotāja saskarnes rīku komplekts jums palīdzēs, nodrošinot lietotņu izstrādes rīkus. Izmantojot šo viegli lietojamo bibliotēku ar vairāk nekā 500 GitHub zvaigznēm, lielisku lietotņu izveide ir tikai dažu klikšķu attālumā.

Galvenās funkcijas ietver:

  • Pateicoties iebūvētajai CMS, platformā ir viegli izveidot un importēt saturu lietotnē.
  • Vairāk nekā 40 pilnu funkciju paplašinājumi, kurus varat atkārtoti izmantot savā lietotnē. Varat arī tos pielāgot vai izmantot kā pamatu jaunu izveidošanai.
  • Nekavējoties kodējiet, pārbaudiet un atkļūdojiet lietotnes lokāli.
Attēla kredīts: GitHub

Ja jūs meklējat atvērtā koda UI komplektus materiālu dizaina sastāvdaļām, materiāla lietotāja saskarne ir īstā vieta, kur tos iegūt. Šo JavaScript komponentu platformu no GitHub izmantoja vairāk nekā 2500 cilvēku, un 3,7 tūkstoši cilvēku to atzīmēja ar zvaigznīti.

Galvenās funkcijas ietver:

  • Apmēram 20 React Native komponentu, tostarp darbību pogas, apakšvirsraksti, atvilktnes un rīkjoslas.
  • Visi elementi ir ļoti pielāgojami un atbilst Google materiāla dizaina standartam.
  • Sastāvdaļas nav atkarīgas no globālajām stilu lapām, un tajās ir integrēts nepieciešamais stils.
Attēla kredīts: GitHub

Šeit jūs iegūsit visaptverošu kameras moduli React Native lietotnēm. Šī komponenta izmantotās valodas ir Java, Objective-C, C ++, C#, JavaScript, Ruby un citas. Papildus 9,3K zvaigznēm GitHub vietnē ir arī vairāk nekā 22 000 lietotāju.

Galvenās funkcijas ietver:

  • Saderīgs darbam ar ierīces kameru.
  • Atbalsta tādas funkcijas kā fotoattēli, videoklipi, sejas noteikšana, teksta atpazīšana, svītrkoda skenēšana utt.
  • Izmantojot lietotnē kameras funkciju, izmantojot šo rīku, izstrādātāji var strādāt, neraizējoties par vietējo kodu.
Attēla kredīts: GitHub

Vai vēlaties izveidot ļoti personalizējamas karšu lietotnes, kas darbojas dažādās platformās? Izmantojiet šo komponentu bibliotēku savam Android vai iOS projektam. Vairāk nekā 49 000 cilvēku to izmantoja un palīdzēja nopelnīt 8,3 000 zvaigznes vietnē GitHub.

Galvenās funkcijas ietver:

  • Vienkārši izveidojiet karti, kas ietver tādas funkcijas kā rediģēšana, apskates reģioni, stili, marķieri utt.
  • Lietojamība un detalizēta dokumentācija palīdzēs jums ieviešanas laikā.
Attēla kredīts: React Navigation

Navigācija ir būtiska jebkuras lietotnes sastāvdaļa, kas veicina lietojamību un lietotāju pieredzi. Šī navigācijas bibliotēka ļauj izveidot navigācijas joslas lietotnei React Native. Papildus tam, ka tas tika izmantots vairāk nekā 9900 reizes no GitHub, tajā pašā platformā tas ieguva 12,2K zvaigznes.

Galvenās funkcijas ietver:

  • Šīs bibliotēkas sastāvdaļas ir pielāgojamas un mazāk kļūdainas.
  • Augstākā veiktspēja katram lietošanas gadījumam.

Ātri sāciet savu nākamo lietotņu izstrādes projektu

Lietotnes izveide ar Reactive Native ir lielisks veids, kā izveidot slepkavas lietotāja saskarni, un šīs React Native UI komponentu bibliotēkas var padarīt jūsu lietotnes izstrādes procesu ātru un ērtu.

Tagad jums ir saraksts un jūs zināt, kur piekļūt šīm funkcijām. Kāpēc gan nesākt veidot nākamo lietotni?

KopīgotČivinātE -pasts
9 atvērtā pirmkoda React vietējo lietotņu veidnes Android izstrādei 2021. gadā

Izveidojiet augstas kvalitātes Android lietotnes, izmantojot šīs bezmaksas lietotnes React Native lietotņu veidnes.

Lasīt Tālāk

Saistītās tēmas
  • Programmēšana
  • Reaģēt
  • Programmēšana
  • Lietotņu izstrāde
Par autoru
Tamal Das (Publicēti 96 raksti)

Tamāls ir ārštata rakstnieks vietnē MakeUseOf. Pēc būtiskas pieredzes iegūšanas tehnoloģiju, finanšu un biznesa jomā procesus iepriekšējā darbā IT konsultāciju uzņēmumā, pirms 3 gadiem viņš pieņēma rakstīšanu kā pilna laika profesiju. Lai gan viņš neraksta par produktivitāti un jaunākajām tehnoloģiju ziņām, viņam patīk spēlēt Splinter Cell un skatīties Netflix/ Prime Video.

Vairāk no Tamal Das

Abonējiet mūsu biļetenu

Pievienojieties mūsu informatīvajam izdevumam, lai iegūtu tehniskus padomus, pārskatus, bezmaksas e -grāmatas un ekskluzīvus piedāvājumus!

Noklikšķiniet šeit, lai abonētu