Vianoce v ITnetwork sú tu! Dobí si teraz kredity a získaj až 80 % extra kreditov na e-learningové kurzy ZADARMO. Zisti viac.
Hľadáme nové posily do ITnetwork tímu. Pozri sa na voľné pozície a pridaj sa k najagilnejšej firme na trhu - Viac informácií.

5. diel - Komponenty

V minulej lekcii, React Native - TODO aplikácie , sme si vytvorili základnú funkčnosť TODO aplikácie.

V tomto tutoriále vývoja multiplatformných mobilných aplikácií v React Native sa zameriame na základné vstavané (built-in) komponenty Reactu Native. Predstavíme si prehľad ich kategórií a na záver si vytvoríme aj náš vlastný komponent.

Komponenty v React Native

S komponentami sme sa už v našom kurze stretli a vieme, že sú to znovupoužiteľné časti používateľského rozhrania. React Native ponúka veľké množstvo vstavaných komponentov, ktoré sa radí do piatich kategórií. V každej z kategórií si prejdeme vždy najzákladnejšie komponenty, aby sme získali základný prehľad. So všetkými sa neskôr v kurze do detailu zoznámime.

Základné komponenty

Komponenty v tejto kategórii nájdeme v podstate v každej aplikácii. Patria sem najmä nasledujúce komponenty:

  • View - je tým najzákladnejším komponentom pre stavbu užívateľského prostredia. Slúži ako kontajner pre ostatné komponenty a pomáha so štruktúrou a rozložením užívateľského prostredia,
  • Text - komponent vcelku očakávateľne:-) zobrazuje text. Jej jedinečnosť sa skrýva v layoutu. Všetko vo vnútri komponentu Text prestáva používať Flexbox layout a namiesto toho používa text layout. To znamená, že prvky vo vnútri komponentu Text už nie sú obdĺžniky, ale pri dosiahnutí konca riadku sa zalamujú na nový riadok,
  • Image - umožňuje zobrazenie rôznych typov obrázkov. Podporuje formáty .png, .jpg, .jpeg, .bmp, .gif, .webp a iba na iOS tiež .psd,
  • TextInput - základný komponent pre zadávanie textu do aplikácie cez klávesnicu,
  • ScrollView - umožňuje zobrazenie prvkov presahujúcich dostupný priestor na obrazovke. V takom prípade ScrollView zaistí, aby sme mohli zcrollovať.

 

...koniec náhľadu článku...
Pokračuj ďalej

Vedomosti v hodnote stoviek tisíc získaš za pár korún

Minul si až sem a to je super! Veríme, že ti prvé lekcie ukázali niečo nového a užitočného.
Chceš v kurze pokračovať? Prejdi do prémiové sekcie.

Kúpiť tento kurz

Kúpiť všetky aktuálne dostupné lekcie s funkciou odovzdávanie úloh iba za 500 kreditov
Aktuálny stav konta 0 kreditov
Kúpou tohoto balíčku získaš prístup ku všetkým 29 článkom (29 lekcií) tohoto kurzu.

Pred kúpou tohto článku je potrebné kúpiť predchádzajúci diel

Obsah článku spadá pod licenciu Premium, kúpou článku súhlasíš so zmluvnými podmienkami.

Čo od nás v ďalších lekciách dostaneš?
  • Neobmedzený a trvalý prístup k jednotlivým lekciím.
  • Kvalitné znalosti v oblasti IT.
  • Zručnosti, ktoré ti pomôžu získať vysnívanú a dobre platenú prácu.

Popis článku

Požadovaný článok má nasledujúci obsah:

V tutoriále React Native si ukážeme základné komponenty a vytvoríme si vlastný komponent ako funkciu a ako triedu.

Kredity získaš, keď podporíš našu sieť. To môžeš urobiť buď zaslaním symbolickej sumy na podporu prevádzky alebo pridaním obsahu na sieť.

Článok pre vás napísal Štěpán Kraus
Avatar
Aktivity