Konfiguracja pakietu NPM dla modułów natywnych

Nieoficjalne Tłumaczenie Beta

Ta strona została przetłumaczona przez PageTurner AI (beta). Nie jest oficjalnie zatwierdzona przez projekt. Znalazłeś błąd? Zgłoś problem →

Nieoficjalne Tłumaczenie Beta

Ta strona została przetłumaczona przez PageTurner AI (beta). Nie jest oficjalnie zatwierdzona przez projekt. Znalazłeś błąd? Zgłoś problem →

informacja

Native Module i Native Components to nasze stabilne technologie używane w starszej architekturze. Zostaną one wycofane w przyszłości, gdy Nowa Architektura stanie się stabilna. Nowa Architektura wykorzystuje Turbo Native Module i Fabric Native Components, aby osiągnąć podobne rezultaty.

Moduły natywne są zwykle dystrybuowane jako pakiety npm, z tą różnicą, że oprócz standardowego JavaScriptu zawierają także kod natywny dla każdej platformy. Aby dowiedzieć się więcej o pakietach npm, przydatny może być ten przewodnik.

Aby skonfigurować podstawową strukturę projektu dla modułu natywnego, użyjemy narzędzia społecznościowego o nazwie create-react-native-library. Możesz później zagłębić się w działanie tej biblioteki, ale na nasze potrzeby wystarczy uruchomić podstawowy skrypt:

shell

npx create-react-native-library@latest react-native-awesome-module

Gdzie react-native-awesome-module to nazwa, którą chcesz nadać nowemu modułowi. Po wykonaniu tej czynności przejdź do folderu react-native-awesome-module i uruchom proces inicjacji przykładowego projektu poleceniem:

shell

yarn

Po zakończeniu inicjacji będziesz mógł uruchomić przykładową aplikację, wykonując jedno z poniższych poleceń:

shell

# Android app
yarn example android
# iOS app
yarn example ios

Po wykonaniu wszystkich powyższych kroków możesz przejść do przewodników Moduły natywne Android lub Moduły natywne iOS aby dodać własny kod.