Teraz, w rzadkich przypadkach, możesz również chcieć zmienić coś więcej niż tylko niektóre style i komponent, a
zatem w pliku komponentu miałbyś wiele opcji sprawdzania, wiele platform wybiera.
W takich przypadkach możesz także pracować z wieloma plikami,
możesz utworzyć przycisk główny. android. plik js i inny przycisk główny. ios. Plik js, a następnie React
Native automatycznie załaduje tutaj komponent Androida na Androida i iOS na iOS. Ważne jest jednak, aby w miejscach,
w których używasz przycisku, nie należy dostosowywać importu.
Więc tutaj moje IDE automatycznie to dostosowało, powinieneś zaimportować
główny przycisk, tak jakby plik miał nazwę MainButton. js,
nie importuj z. Android lub. ios, importuj tylko z głównego przycisku, więc
upewnij się, że wszystkie te importy zostały naprawione, ponieważ React Native automatycznie zmieni nazwę tego za kulisami
i załaduje prawidłowy plik na podstawie platformy, na której pracujesz.
A teraz tutaj mogę skopiować mój kod do pliku iOS i oczywiście pozbyć się teraz
wszystkich kontroli platformy, pozbyć się tego otaczającego widoku, którego potrzebowałem tylko, aby wyciąć efekt
marszczenia, którego nie będę miał na iOS. Pozbądź się komponentu przycisku i zawsze używaj krycia dotykowego,
ponieważ w iOS nie mamy
efektu marszczenia, nie musimy go importować, nie potrzebujemy interfejsu API platformy, a teraz mamy
przycisk, który będzie wygląda i czuje się tak, jak powinien
wyglądać na iOS, nie potrzebujemy już tej klasy, a na Androidzie robimy to samo.
Nadal potrzebujemy dotykowego krycia, ponieważ nadal musimy sprawdzić wersję Androida i renderować dotykowe krycie, jeśli jest
zbyt niskie, ale nie
musimy już sprawdzać Androida, ponieważ oczywiście zawsze działamy na Androidzie, dzięki naszemu
zakończeniu pliku, a reszta dlatego też powinno być dobrze.
Teraz tutaj tak naprawdę nie potrzebujemy podziału na dwa pliki, ponieważ nie mieliśmy zbyt dużej oddzielnej logiki, ale
jeśli masz bardzo złożone komponenty z wieloma różnymi stylami i układem dla różnych platform, to podzielenie ich
na platformę - określone pliki mogą być najlepszą rzeczą do zrobienia.
Teraz zrestartuję to, aby upewnić się, że wszystkie te zmiany zostały poprawnie
pobrane, a następnie uruchomię to na Androidzie i iOS, a także zamknij uruchomione aplikacje i uruchom je ponownie, aby upewnić się, że
są one ponownie ładowane poprawnie i powinieneś wtedy zobaczyć, jak aplikacja działa poprawnie na obu platformach
ze stylami specyficznymi dla platformy, więc tutaj z efektem marszczenia na przykład na Androida i efektem krycia na iOS, dzięki naszym
oddzielnym plikom i możesz używać tego osobnego systemu plików na dowolny plik komponentowy lub ogólnie dowolny
plik, dowolny plik JavaScript. Tam, jeśli masz. Android i. ios i oczywiście te nazwy
muszą być poprawne,. android. js i. ios. js, pliki te
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
plikach i miałbyś dużo, jeśli tam czek, wybiera się tam wiele platform, a zatem
masz czystszy kod, mając różne pliki.