React Native je Javascriptový rámec, který využívá plnou sílu reakce a Javascriptu k vytváření úžasných nativních aplikací. React Native kompiluje kód Javascript do nativního kódu, takže komponenty jako Text, Button, View atd., které se používají v React Native, budou zkompilovány do nativního kódu každé platformy (Android nebo IOS).
Existují dva způsoby vytváření aplikací React Native, jednoduchý způsob pomocí Expo nebo způsob React Native CLI. Tento článek se zaměří na vytváření aplikací React Native pomocí Expo.
Expo je rámec nebo platforma, která nám pomáhá vytvářet, nasazovat a zobrazovat naši aplikaci na Androidu, IOS nebo webu ze stejné kódové základny Javascript/Typescript. funguje pro univerzální aplikace React.
Dobře, dost povídání, začněme s nastavením naší React Native Application. Ke spuštění budete potřebovat následující předpoklady.
- [ ] Node.Js nainstalován (nainstalujte jej zde)
- [ ] Editor kódu (nejlépe kód VS)
- [ ] připojení k internetu
- [ ] Umělý přístup
Po zaškrtnutí každého z nich můžeme začít.
Krok 1
Otevřete adresář projektu na VS Code a nainstalujte Expo CLI zadáním do terminálu:
npm install --global expo-cli
Krok 2
Vytvořte nový expo projekt, říkejme mu first-rn
expo init first-rn
Krok 3
nainstalujte si Expo do telefonu prostřednictvím obchodu Play/obchodu s aplikacemi.
Krok 4
Jakmile je projekt expo vytvořen, zadejte následující pro spuštění aplikace
// Change directory
cd first-rn
// Start the application
npm start
Krok 5
Po instalaci aplikace expo do telefonu a po spuštění aplikace expo uvidíte čárový kód, naskenujte jej fotoaparátem telefonu.
Poznámka:V systému IOS budete muset použít skener čárových kódů, který je součástí aplikace expo.
Pokud jste úspěšně provedli každý krok, měli byste na svém telefonu vidět něco takového.
Gratulujeme!! Hotovo, úspěšně jste nastavili aplikaci React Native. Nyní pokračujte a udělejte další velkou věc, nemůžu se dočkat, až uvidím, co postavíte. 😊