Chociaż React Native udostępnia większość kodu na iOS i Android, czasami potrzebujesz kodu specyficznego dla platformy lub stylowania — dla różnych zachowań platformy, projektów lub możliwości. React Native dostarcza moduł Platform i rozszerzenia plików specyficzne dla platformy do tego celu.
{ } ;
(. === ) { }
(. === ) { }
styles = {
: . === ? : ,
....({
: { : },
: { : },
}),
};
Platform.OS sprawdza platformę; Platform.select wybiera wartości dla każdej platformy — dla warunkowego zachowania i stylowania.
→ Create separate files per platform using extensions:
Button.ios.js → used on iOS
Button.android.js → used on Android
import Button from './Button' → RN automatically picks the right file per platform
→ Good for substantially different platform implementations (cleaner than lots of if-checks)
✓ Use platform-specific code SPARINGLY — share code by default; diverge only when needed
✓ Common reasons: platform design conventions (iOS vs Material), platform-specific
features/APIs, behavior differences, platform-appropriate UX
✓ Platform module for small differences; .ios/.android files for large differences
✓ Test on BOTH platforms (a feature working on one may differ/break on the other)
Zrozumienie, jak pisać kod specyficzny dla platformy, jest cenne, ponieważ nawet aplikacje międzyplatformowe czasami potrzebują zachowania lub stylowania specyficznego dla platformy, więc obsłużenie tego prawidłowo jest użyteczną praktyczną wiedzą dla rzeczywistych aplikacji React Native.
Chociaż wartość React Native polega na udostępnianiu większości kodu na iOS i Android, rzeczywiste aplikacje czasami muszą różnić się dla każdej platformy — dla konwencji projektowania platformy (estetyka iOS vs Android/Material), funkcji lub API specyficznych dla platformy, różnic w zachowaniu lub odpowiedniego dla platformy UX — i zrozumienie, jak sobie z tym radzić, jest ważne.
Moduł Platform (Platform.OS do sprawdzenia platformy i Platform.select do wyboru wartości dla każdej platformy) obsługuje małe różnice wbudowane — warunkowe zachowanie i stylowanie. Pliki specyficzne dla platformy (przy użyciu rozszerzeń .ios.js i .android.js, przy czym React Native automatycznie wybiera właściwy plik) obsługują większe różnice czyszczą (oddzielne implementacje zamiast wielu warunków).
Zrozumienie kiedy i jak tego używać odzwierciedla dobre osądy: używanie kodu specyficznego dla platformy oszczędnie (udostępnianie kodu domyślnie i różniowanie się tylko wtedy, gdy jest to rzeczywiście konieczne — zachowanie korzyści międzyplatformowych React Native), wybieranie modułu Platform dla małych różnic versus pliki specyficzne dla platformy dla dużych, i crucially testowanie na obu platformach (ponieważ funkcja działająca na jednej może różnić się lub załamać się na drugiej — typowy rzeczywisty problem).
To zbilansowane podejście (udostępniaj domyślnie, różnij się przemyślnie gdy trzeba, testuj obie) odzwierciedla dojrzały rozwój międzyplatformowy.
Ponieważ aplikacje międzyplatformowe czasami rzeczywiście potrzebują kodu specyficznego dla platformy (dla konwencji, funkcji lub UX) i obsłużenie tego dobrze (właściwe narzędzia używane oszczędnie, z testowaniem obu platform) jest ważne dla aplikacji wysokiej jakości, i ponieważ zrozumienie modułu Platform i plików specyficznych dla platformy to umożliwia, zrozumienie jak pisać kod specyficzny dla platformy w React Native jest cenne, praktycznie istotną wiedzą — użyteczną dla obsługi różnic platformy, które pojawiają się w rzeczywistych aplikacjach, podczas gdy zachowujesz udostępnianie kodu międzyplatformowego, które czyni React Native cennym, odzwierciedlając przemyślny rozwój międzyplatformowy.