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

Rozpocznij bez frameworka

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 →

Platform support
Android
iOS
macOS
TV
watchOS
Web
Windows
visionOS

Jeśli masz ograniczenia, które nie są dobrze obsługiwane przez Framework, lub wolisz napisać własny framework, możesz stworzyć aplikację React Native bez użycia frameworka.

W tym celu najpierw musisz skonfigurować swoje środowisko. Po zakończeniu konfiguracji kontynuuj, wykonując poniższe kroki, aby utworzyć aplikację i rozpocząć rozwój.

Krok 1: Tworzenie nowej aplikacji​

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 →

Jeśli wcześniej zainstalowałeś globalny pakiet react-native-cli, prosimy o jego usunięcie, ponieważ może on powodować nieoczekiwane problemy:

shell
npm uninstall -g react-native-cli @react-native-community/cli

Możesz użyć React Native Community CLI do wygenerowania nowego projektu. Utwórzmy nowy projekt React Native o nazwie "AwesomeProject":

shell
npx @react-native-community/cli@latest init AwesomeProject

Ten krok nie jest konieczny, jeśli integrujesz React Native z istniejącą aplikacją, zainstalowałeś Expo w swoim projekcie, lub dodajesz wsparcie dla Androida do istniejącego projektu React Native (zobacz Integracja z istniejącymi aplikacjami). Możesz także użyć zewnętrznego CLI, takiego jak Ignite CLI, do konfiguracji aplikacji React Native.

informacja

Jeśli masz problemy z iOS, spróbuj ponownie zainstalować zależności, wykonując:

  1. cd ios aby przejść do folderu ios.
  2. bundle install aby zainstalować Bundler
  3. bundle exec pod install aby zainstalować zależności iOS zarządzane przez CocoaPods.

[Opcjonalnie] Użycie określonej wersji lub szablonu​

Jeśli chcesz rozpocząć nowy projekt z określoną wersją React Native, możesz użyć argumentu --version:

shell
npx @react-native-community/cli@X.XX.X init AwesomeProject --version X.XX.X

Możesz także rozpocząć projekt z niestandardowym szablonem React Native przy użyciu argumentu --template, więcej informacji znajdziesz tutaj.

Krok 2: Uruchomienie Metro​

Metro to narzędzie do budowania JavaScriptu dla React Native. Aby uruchomić serwer deweloperski Metro, wykonaj następujące polecenie w folderze projektu:

shell
npm start
uwaga

Jeśli znasz tworzenie stron internetowych, Metro jest podobny do bundlerów takich jak Vite i webpack, ale jest zaprojektowany kompleksowo dla React Native. Na przykład Metro używa Babela do transformowania składni takiej jak JSX w wykonywalny JavaScript.

Krok 3: Uruchomienie aplikacji​

Pozostaw Metro Bundler działający w swoim terminalu. Otwórz nowy terminal wewnątrz folderu projektu React Native i uruchom:

shell
npm run android

Jeśli wszystko jest poprawnie skonfigurowane, wkrótce powinieneś zobaczyć swoją nową aplikację działającą w emulatorze Androida.

To jeden ze sposobów uruchomienia aplikacji - możesz również uruchomić ją bezpośrednio z poziomu Android Studio.

Jeśli nie możesz tego uruchomić, zobacz stronę Rozwiązywanie problemów.

Krok 4: Modyfikacja aplikacji​

Teraz, gdy pomyślnie uruchomiłeś aplikację, zmodyfikujmy ją.

  • Otwórz App.tsx w wybranym edytorze tekstu i edytuj kilka linii.

  • Naciśnij klawisz R dwukrotnie lub wybierz Reload z menu deweloperskiego (Ctrl + M), aby zobaczyć zmiany!

To wszystko!​

Gratulacje! Udało Ci się uruchomić i zmodyfikować swoją pierwszą podstawową aplikację React Native.

Co dalej?​