React Native tehnoloogia muutub rakenduste arendajate seas üha populaarsemaks. Seetõttu on rakenduste arendusprojektide kiirendamiseks hakanud stseeni jõudma valmis raamatukogud ja kasutajaliidese komponendid.

Need avatud lähtekoodiga ja tasuta teegid aitavad teil rakendusi kiiresti arendada, selle asemel, et rakenduselemente sihtplatvormil põhjalikult muuta.

Sellest artiklist leiate kasutajaliidese (UI) ressursid, mida vajate oma järgmise rakenduse React Native arendusprojekti jaoks.

Pildikrediit: Valmistatud React.js -iga

Kui olete a programmeerija, kes eelistab lihtsaid kujundusi, külastage Teaseti kasutajaliidese raamatukogu. See pakub üle 20 originaalse JavaScripti ES6 komponendi. Algavad disainerid ja React Native rakenduste arendajad saavad selle teegi elementidele tasuta juurde pääseda ja neid kasutada. Selle kirjutamise ajal on sellel GitHubis üle 600+ kasutaja ja 2,8K tähte.

Põhifunktsioonide hulka kuuluvad:

  • Lisage rakendusse silmapaistev sisu kuvamine ja kasutaja juhtimine.
  • instagram viewer
  • Kasulikud moodulid nagu TabView, DrawView ja Stepper.
  • Komponentides kasutatav esmane keel on JavaScript ja teek toetab Reduxi.
Pildikrediit: NativeBase

See tasuta raamatukogu, mis on kättesaadav veebipõhise veebiplatvormi kaudu, on rikas peaaegu 40 komponendiga, sealhulgas tegevuslehed, menüüd, riivsai, spinnerid ja hüpikaknad. Nende abil saate sujuvalt arendada oma välimusega rakendust. NativeBase'il on GitHubis üle 58 000 kasutaja ja 15,6 tuhat tähte.

Põhifunktsioonide hulka kuuluvad:

  • Selle raamatukogu üks põhielemente on Teemalisus, mis võimaldab isikupärastada rakenduse teemat ja komponentide stiile.
  • React Native ARIA annab teile võimaluse pakkuda teile Reacti konkse ligipääsetavate projekteerimissüsteemide ehitamiseks võimalikult kiiresti.
  • Tänu ühilduvusele utiliidi rekvisiitidega saate hõlpsalt luua kohandatud kasutajaliidese komponente.
Pildikrediit: Reageerige algupäraseid elemente

See React Native UI tööriistakomplekt pakub erinevate avatud lähtekoodiga React Native komponenditeekide koondamist ühte kohta. Raamatukogu on saadaval pilvepõhisel veebiplatvormil, kus React Native arendajad saavad ühenduse luua. Kui GitHubil on üle 106 000 kasutaja, on sellel ka 21,1 000 tähte.

Põhifunktsioonide hulka kuuluvad:

  • 30+ komponenti Androidi, iOS -i ja veebirakenduste järjepidevaks kujundamiseks. Nende hulka kuuluvad otsinguribad, märgid, ülekatted, hinnad jne.
  • Elemendid kasutavad TypeScripti keelt.
  • Platvorm salvestab kõik elemendid keskserverisse. Seetõttu muutub rakenduses muudatuste tegemine vaevata.

Seotud: Mis on TypeScript ja miks peaksid arendajad seda proovima?

Pildikrediit: Lottie

Lottie on React Native mobiilirakenduste arendamine raamatukogu, millele ülemaailmne arendajate kogukond pääseb juurde avatud lähtekoodiga litsentsimise kaudu. Nende komponentide kasutatavad keeled on Java, JavaScript, C#, Swift, Objective-C, Ruby ja Starlark. GitHubi raamatukogu kasutas üle 82 000 inimese ja tähte pakkus 14 400 inimest.

Põhifunktsioonide hulka kuuluvad:

  • Põhjalik kollektsioon rakendusesiseseid animatsioone.
  • Rakenduste disainerid saavad arendada ja teisaldada animatsioone ilma inseneri abita.
  • Toetab animatsioonifailide eksportimist JSON -vormingus BodyMovini failivormingust.
Pildikrediit: GitHub

Ignite CLI võimaldab teil hõlpsalt lisada projekti tasuta katlaplaatide koodid. Selles raamatukogus kasutatavate keelte hulka kuuluvad TypeScript, Java, JavaScript, Objective-C, Shell ja EJS. See teenis GitHubis 12,8 tuhat tähte.

Põhifunktsioonide hulka kuuluvad:

  • Rakenduse eelvaade on populaarne nii tühja React Native kui ka Expo jaoks.
  • Rakenduse komponentide kasutamine, jagamine ja testimine koostöökeskkonnas.
  • Looge rakendusi, mis on valmis flipperiks ja reagentroniks.
Pildikrediit: Loov Tim

See avatud lähtekoodiga ressurss on teie täiuslik abiline kauni e-kaubanduse rakenduse React Native arendamisel. Selle kirjutamise ajal on sellel GitHubis 480 tähte.

React Native, Galio.io ja Expo baasil loodud mall võimaldab teil oma rakenduse jaoks lisada klanitud nuppe, navigeerimisradasid, sisendeid ja ekraane.

Põhifunktsioonide hulka kuuluvad:

  • Vabadus valida umbes 200 komponendi hulgast, nagu nupud, sisendid, kaardid, navigeerimine jne.
  • Funktsioon teema muutmiseks, kasutades kõikides komponentides värvivariatsioone.
  • Arendage tasuta välja järgmisi ekraane: avaleht, profiil, konto, elemendid, artiklid ja liitumine.
Pildikrediit: Kassipoja kasutajaliides

See avatud lähtekoodiga ja tasuta kasutajaliidese komplekt sobib rakenduste React Native arendusprojektide jaoks. Raamatukogu sisaldab laia valikut kasutajaliidese elemente mitmesuguste rakenduste loomiseks, sh vestlusrakendus, e-kaubanduse rakendus või sotsiaalmeedia haldusrakendus. Lisaks GitHubi 8,4 000 tärnile on sellel peaaegu 3000 kasutajat.

Põhifunktsioonide hulka kuuluvad:

  • Kasutage selle teemapõhist disaini kaunite rakenduste väljatöötamiseks.
  • Muutke teemat käitusajal ilma rakendust uuesti laadimata.
  • Aatomikomponendid aitavad teil luua hämmastavaid ja järjepidevaid rakenduste liideseid.

Seotud: Mis vahe on kasutajaliidese ja kasutajaliidese disaini vahel?

Pildikrediit: Karju

Arendades rakendust React Native, mis töötab Androidis ja iOS -is, aitab see kasutajaliidese tööriistakomplekt teid, pakkudes rakenduste arendamise tööriistu. Selle 500+ GitHubi tärniga hõlpsasti kasutatava kogu abil on ägedate rakenduste loomine vaid mõne hiireklõpsu kaugusel.

Põhifunktsioonide hulka kuuluvad:

  • Tänu sisseehitatud CMS-ile on sisu loomine või rakendusse importimine platvormiga sujuv.
  • 40+ täisfunktsionaalset laiendit, mida saate oma rakenduse jaoks uuesti kasutada. Saate neid ka kohandada või kasutada neid uute loomiseks.
  • Kodeerige, katsetage ja siluge rakendusi kohapeal kiiresti.
Pildikrediit: GitHub

Kui otsite materjalide disainikomponentide jaoks avatud lähtekoodiga kasutajaliidese komplekte, on materjali kasutajaliides nende hankimiseks õige koht. Seda JavaScripti-põhist komponendiplatvormi kasutas GitHubist üle 2500 inimese ja 3,7 tuhat inimest tärniga.

Põhifunktsioonide hulka kuuluvad:

  • Umbes 20 React Native komponenti, sealhulgas toimingunupud, alampealkirjad, sahtlid ja tööriistaribad.
  • Kõik elemendid on väga kohandatavad ja vastavad Google'i materjalidisaini standardile.
  • Komponendid ei sõltu globaalsetest stiililehtedest ja integreerivad nende kuvamiseks vajaliku stiili.
Pildikrediit: GitHub

Siit saate React Native rakenduste jaoks põhjaliku kaamera mooduli. Selle komponendi kasutatavad keeled on Java, Objective-C, C ++, C#, JavaScript, Ruby ja teised. Lisaks 9,3K tärnile on sellel GitHubis ka 22 000+ kasutajat.

Põhifunktsioonide hulka kuuluvad:

  • Ühildub seadme kaameraga töötamiseks.
  • Toetab selliseid funktsioone nagu fotod, videod, näotuvastus, tekstituvastus, vöötkoodi skannimine jne.
  • Rakendades selle tööriistaga kaamera funktsiooni rakenduses, saavad arendajad töötada ilma algkoodi muretsemata.
Pildikrediit: GitHub

Kas soovite luua väga isikupärastatavaid kaardirakendusi, mis töötavad platvormideüleselt? Kasutage seda komponenditeeki oma Androidi või iOS -i projekti jaoks. Rohkem kui 49 000 inimest kasutas seda ja aitas tal teenida GitHubis 8,3 000 tähte.

Põhifunktsioonide hulka kuuluvad:

  • Looge vaevata kaart, mis sisaldab selliseid funktsioone nagu redigeerimine, vaatamispiirkonnad, stiilid, markerid jne.
  • Kasutatavus ja üksikasjalik dokumentatsioon aitavad teil rakendamise ajal.
Pildikrediit: React Navigation

Navigeerimine on iga rakenduse oluline komponent, mis aitab kaasa kasutatavusele ja kasutuskogemusele. See navigeerimisteek võimaldab teil luua rakenduse React Native navigeerimisribasid. Lisaks sellele, et seda kasutati GitHubist rohkem kui 9900 korda, kogus see samal platvormil 12,2 000 tähte.

Põhifunktsioonide hulka kuuluvad:

  • Selle kogu komponendid on kohandatavad ja vähem lollakad.
  • Tipptasemel jõudlus iga kasutusjuhtumi puhul.

Alustage oma järgmise rakenduse arendusprojektiga

Rakenduse loomine rakendusega Reactive Native on suurepärane viis tapja kasutajaliidese loomiseks ning need React Native UI komponenditeegid võivad muuta teie rakenduse arendusprotsessi kiireks ja mugavaks.

Nüüd on teil nimekiri ja teate, kuhu neile funktsioonidele juurde pääseda. Miks mitte alustada järgmise rakenduse loomisega?

JagaPiiksumaE -post
9 avatud lähtekoodiga React Native App Templates Androidi arendamiseks aastal 2021

Looge kvaliteetseid Androidi rakendusi, kasutades neid tasuta kasutatavaid rakenduse React Native malle.

Loe edasi

Seotud teemad
  • Programmeerimine
  • Reageeri
  • Programmeerimine
  • Rakenduste arendamine
Autori kohta
Tamal Das (Avaldatud 96 artiklit)

Tamal on MakeUseOfi vabakutseline kirjanik. Pärast oluliste kogemuste omandamist tehnoloogia, rahanduse ja äri valdkonnas töötanud oma eelmisel töökohal IT-konsultatsioonifirmas, võttis ta 3 aastat tagasi täiskohaga kutsealal kirjatöö vastu. Kuigi ta ei kirjuta tootlikkusest ja viimastest tehnoloogiauudistest, armastab ta mängida Splinter Cellit ja vaadata binge-Netflixi/ Prime Video.

Veel Tamal Dasilt

Telli meie uudiskiri

Liituge meie uudiskirjaga, et saada tehnilisi näpunäiteid, ülevaateid, tasuta e -raamatuid ja eksklusiivseid pakkumisi!

Tellimiseks klõpsake siin