React Native: Android Studio

0.62.2+

0:00Tak czyli w poprzedniej lekcji pokazaliśmy sobie jak to wygląda jak wygląda

0:04nasz projekt iOS-owy i to że możemy sobie uruchomić

0:08naszą aplikację z poziomu właśnie tego projektu i podobnie jest w przypadku androida

0:12i też to sobie sprawdzimy czyli uruchomimy sobie nasz Android Studio uruchomimy projekt

0:22android

0:27poczekam

0:32aż nam się wszystko tutaj ładnie zbuduję projekt będzie gotowy projekt jest gotowy i

0:36teraz trochę wygląda to podobnie jak w przypadku xcode'a to znaczy

0:40znowu mamy podział na tak naprawdę dwa podprojekty

0:44dwie grupy pierwsza to jest właściwie druga to jest nasz Gradle Scripts

0:48i tutaj tak naprawdę z istotnych rzeczy to mamy

0:53do czynienia z naszym plikiem gradle to jest plik który w którym

0:57trzymamy ogólne informacje aplikacji takie jak właśnie identyfikator aplikacji

1:02jak minimalna wersja sdk czyli jeśli nie chcemy żeby nasza aplikacja

1:06była uruchamiana no nie wiem na starszych androidach to możemy sobie to tą wersję

1:10podbić mamy nasza wersję kodu mamy nazwę naszej wersji

1:14i parę innych ustawień o których na razie może nie będę wspominać ale

1:18jeszcze do tego dojdziemy zwłaszcza w ostatnim rozdziale o implemencie i

1:22mamy gradle jest również odpowiedzialny za doinstalowywanie paczek jak widać

1:26tutaj mam na przykład implementation swiperefreshlayout jeśli chcielibyśmy dodać

1:31właśnie jakąś paczkę natywna taką jak tak jak pokazywałem to w przypadku podsów

1:35to również tutaj po prostu musimy dopisać sobie nasz implementation jak widać tutaj watch var gradle'a

1:39zauważył jakieś zmiany i wymaga synchronizacji czyli tak naprawdę zainstalowania

1:43nowych zmian pobrania tej paczki oczywiście tutaj żadnych nic nie instalowaliśmy więc sobie tutaj cofniemy

1:47czyli tak naprawdę ten gradle zawiera

1:52zarówno informacje o konfiguracjach i build jak i o naszych paczkach

1:56i również dzięki skryptom gradle'owym możemy nasz projekt uruchomić czyli

2:01jeśli byśmy weszli sobie w zakładkę tutaj gradle to mamy mnóstwo skryptów

2:05które których moglibyśmy użyć ja trochę więcej o nich powiem właśnie

2:09w ostatnim rozdziale o deployment'cie czym to się różni assembly od bundle natomiast

2:14najprościej rzecz ujmując można powiedzieć że assembly to jest po prostu

2:18budowanie naszego naszej aplikacji mamy też skrypt instal

2:22i tutaj mamy taką tutaj mamy dwie możliwości mamy taką

2:26strzałkę do odpalania i to tak naprawdę to co robi to nam assembly'uje

2:30naszą aplikację a następnie instaluje na urządzeniu i zaraz to pokażemy ale

2:34jeszcze przejdźmy na szybko do plików źródłowych w naszym projekcie mamy

2:38ogólnie dwa pliki po pierwsze mamy naszą aktywność czyli to co mówiłem

2:42jakby w tej chwili w React Native jest powiedzmy jedna aktywność taki główny

2:46komponent naszej aplikacji mamy jeszcze coś co jest nadaktywnością czyli nasza

2:50application które rozszerza react application i tu trzymamy pewne paczki

2:54oczywiście to wszystko to jest boilerplate React Native'owy w którym nie będziemy raczej

2:58nic zmieniać jak widać tutaj jest komentarz mówiący

3:05o tym że w tym miejscu możemy dodać sobie paczki które nie mogą być autolinkowane

3:09autolinkowanie to jest coś co weszło od React Native

3:13zdaje się 0.61 czy 0.60

3:17i to nam pozwala tak naprawdę na zerową ingerencję

3:21w te pliki tutaj natywne czyli w tej chwili w ogóle tutaj nie musimy dodawać wcześniej często

3:26bywało tak że musieliśmy tutaj wejść i dopisać naszą paczkę żeby ona była widoczna

3:30z poziomu naszego kodu JS-owego

3:35i tak samo jak w przypadku xcode'a naszą aplikację androidową możemy

3:39sobie uruchomić i tak samo tak jak nasz build phases

3:43w xcode który na końcu budował nasz projekt JS-owy

3:47naszego bundle'a tak samo tutaj android zbuduję nam projekt

3:52JS-owy po zbudowaniu tu faktycznie aplikacji w emulatorze

3:56tutaj konkretnie wybrałem sobie emulator możecie wybrać sobie urządzenie fajne jest to że w przypadku android

4:00studio nie potrzebujemy mieć żadnych certyfikatów i konta

4:05deweloperskiego płatnego które jest wymagane w przypadku apple'a żeby

4:09aplikacje na fizycznym telefonie uruchomić do symulatora nie jest to potrzebne ale i tak żebyśmy

4:13wszyscy widzieli to odpalimy swoją aplikacje na naszym testowy nexusie i

4:22mamy naszą aplikację tak czyli możemy ją sobie też odpalić oczywiście tutaj na iOS-ie

4:26i tak naprawdę jeśli chcielibyśmy robić porównanie jak widać to ona wygląda 1-1

4:31ale również możemy w naszym kodzie sobie zmienić coś zobaczyć czy nasz refresh działa hi android

4:36and iOS zapiszmy i jak

4:41widać obie zmiany zostały w obu przypadkach zostało to

4:46zaserwowane do tego że tak naprawdę mamy 1 serwer z którym łączą się obie te aplikacje

4:50natomiast znowu pokazaliśmy że jeśli chcielibyśmy uruchamiać

4:54aplikacje na androidzie czy to na urządzeniu czy na emulatorze to tak naprawdę nie musimy korzystać z naszych skryptów

4:58bo one zostaną automatycznie uruchomione po zbudowaniu naszego projektu natywnego