Przejdź do treści głównej
Wersja: 0.78

Konfiguracja lokalnych bibliotek

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 →

Lokalna biblioteka to biblioteka zawierająca widoki lub moduły, która jest lokalna dla twojej aplikacji i nie jest publikowana w rejestrze. Różni się to od tradycyjnej konfiguracji widoków i modułów, ponieważ lokalna biblioteka jest odłączona od natywnego kodu twojej aplikacji.

Lokalna biblioteka jest tworzona poza folderami android/ i ios/ oraz wykorzystuje mechanizm automatycznego linkowania do integracji z twoją aplikacją. Struktura z lokalną biblioteką może wyglądać następująco:

plaintext
MyApp
├── node_modules
├── modules <-- folder for your local libraries
│ └── awesome-module <-- your local library
├── android
├── ios
├── src
├── index.js
└── package.json

Ponieważ kod lokalnej biblioteki znajduje się poza folderami android/ i ios/, ułatwia to przyszłe aktualizacje wersji React Native, kopiowanie do innych projektów itp.

Do utworzenia lokalnej biblioteki użyjemy create-react-native-library. To narzędzie zawiera wszystkie niezbędne szablony.

Rozpoczęcie​

W głównym folderze twojej aplikacji React Native uruchom następujące polecenie:

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

Gdzie awesome-module to wybrana przez ciebie nazwa nowego modułu. Po przejściu przez monity, w głównym katalogu twojego projektu pojawi się nowy folder modules zawierający nowy moduł.

Linkowanie​

Domyślnie wygenerowana biblioteka jest automatycznie linkowana do projektu przy użyciu protokołu link: w przypadku Yarna oraz file: w przypadku npm:

json
"dependencies": {
  "awesome-module": "file:./modules/awesome-module"
}

Tworzy to dowiązanie symboliczne do biblioteki w folderze node_modules, co umożliwia działanie automatycznego linkowania.

Instalowanie zależności​

Aby podlinkować moduł, musisz zainstalować zależności:

shell
npm install

Używanie modułu w aplikacji​

Aby użyć modułu w aplikacji, możesz go zaimportować za pomocą jego nazwy:

js
import {multiply} from 'awesome-module';