1
00:00:02,210 --> 00:00:10,440
Teraz, w rzadkich przypadkach, możesz również chcieć zmienić coś więcej niż tylko niektóre style i komponent, a

2
00:00:10,580 --> 00:00:16,750
zatem w pliku komponentu miałbyś wiele opcji sprawdzania, wiele platform wybiera.

3
00:00:16,760 --> 00:00:20,370
W takich przypadkach możesz także pracować z wieloma plikami,

4
00:00:20,480 --> 00:00:30,110
możesz utworzyć przycisk główny. android. plik js i inny przycisk główny. ios. Plik js, a następnie React

5
00:00:30,110 --> 00:00:39,050
Native automatycznie załaduje tutaj komponent Androida na Androida i iOS na iOS. Ważne jest jednak, aby w miejscach,

6
00:00:39,050 --> 00:00:44,660
w których używasz przycisku, nie należy dostosowywać importu.

7
00:00:44,720 --> 00:00:47,320
Więc tutaj moje IDE automatycznie to dostosowało, powinieneś zaimportować

8
00:00:47,360 --> 00:00:52,550
główny przycisk, tak jakby plik miał nazwę MainButton. js,

9
00:00:52,550 --> 00:01:00,800
nie importuj z. Android lub. ios, importuj tylko z głównego przycisku, więc

10
00:01:00,800 --> 00:01:06,500
upewnij się, że wszystkie te importy zostały naprawione, ponieważ React Native automatycznie zmieni nazwę tego za kulisami

11
00:01:06,530 --> 00:01:10,130
i załaduje prawidłowy plik na podstawie platformy, na której pracujesz.

12
00:01:10,130 --> 00:01:16,520
A teraz tutaj mogę skopiować mój kod do pliku iOS i oczywiście pozbyć się teraz

13
00:01:16,520 --> 00:01:22,610
wszystkich kontroli platformy, pozbyć się tego otaczającego widoku, którego potrzebowałem tylko, aby wyciąć efekt

14
00:01:22,610 --> 00:01:29,230
marszczenia, którego nie będę miał na iOS. Pozbądź się komponentu przycisku i zawsze używaj krycia dotykowego,

15
00:01:29,240 --> 00:01:31,180
ponieważ w iOS nie mamy

16
00:01:31,190 --> 00:01:36,380
efektu marszczenia, nie musimy go importować, nie potrzebujemy interfejsu API platformy, a teraz mamy

17
00:01:36,470 --> 00:01:40,220
przycisk, który będzie wygląda i czuje się tak, jak powinien

18
00:01:40,220 --> 00:01:45,400
wyglądać na iOS, nie potrzebujemy już tej klasy, a na Androidzie robimy to samo.

19
00:01:45,440 --> 00:01:52,400
Nadal potrzebujemy dotykowego krycia, ponieważ nadal musimy sprawdzić wersję Androida i renderować dotykowe krycie, jeśli jest

20
00:01:52,400 --> 00:01:54,290
zbyt niskie, ale nie

21
00:01:54,560 --> 00:02:00,080
musimy już sprawdzać Androida, ponieważ oczywiście zawsze działamy na Androidzie, dzięki naszemu

22
00:02:00,080 --> 00:02:04,330
zakończeniu pliku, a reszta dlatego też powinno być dobrze.

23
00:02:04,430 --> 00:02:10,660
Teraz tutaj tak naprawdę nie potrzebujemy podziału na dwa pliki, ponieważ nie mieliśmy zbyt dużej oddzielnej logiki, ale

24
00:02:10,730 --> 00:02:16,790
jeśli masz bardzo złożone komponenty z wieloma różnymi stylami i układem dla różnych platform, to podzielenie ich

25
00:02:17,090 --> 00:02:21,550
na platformę - określone pliki mogą być najlepszą rzeczą do zrobienia.

26
00:02:22,630 --> 00:02:27,930
Teraz zrestartuję to, aby upewnić się, że wszystkie te zmiany zostały poprawnie

27
00:02:28,960 --> 00:02:38,090
pobrane, a następnie uruchomię to na Androidzie i iOS, a także zamknij uruchomione aplikacje i uruchom je ponownie, aby upewnić się, że

28
00:02:38,090 --> 00:02:45,080
są one ponownie ładowane poprawnie i powinieneś wtedy zobaczyć, jak aplikacja działa poprawnie na obu platformach

29
00:02:45,080 --> 00:02:53,860
ze stylami specyficznymi dla platformy, więc tutaj z efektem marszczenia na przykład na Androida i efektem krycia na iOS, dzięki naszym

30
00:02:54,160 --> 00:03:01,120
oddzielnym plikom i możesz używać tego osobnego systemu plików na dowolny plik komponentowy lub ogólnie dowolny

31
00:03:01,240 --> 00:03:08,620
plik, dowolny plik JavaScript. Tam, jeśli masz. Android i. ios i oczywiście te nazwy

32
00:03:08,640 --> 00:03:15,460
muszą być poprawne,. android. js i. ios. js, pliki te

33
00:03:15,460 --> 00:03:22,090
zostaną załadowane na różne platformy, na których działa Twoja aplikacja. Użyj tego, jeśli masz wiele różnych logiki w

34
00:03:22,090 --> 00:03:27,790
plikach i miałbyś dużo, jeśli tam czek, wybiera się tam wiele platform, a zatem

35
00:03:27,790 --> 00:03:30,640
masz czystszy kod, mając różne pliki.