Przejdź do treści głównej

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.