Aktualizacja do nowych wersji
Ta strona została przetłumaczona przez PageTurner AI (beta). Nie jest oficjalnie zatwierdzona przez projekt. Znalazłeś błąd? Zgłoś problem →
Aktualizacja do nowszych wersji React Native zapewni dostęp do dodatkowych API, widoków, narzędzi deweloperskich i innych udogodnień. Proces wymaga pewnego wysiłku, ale staramy się go maksymalnie uprościć.
Projekty Expo
Aktualizacja projektu Expo do nowej wersji React Native wymaga zmiany wersji pakietów react-native, react oraz expo w pliku package.json. Expo zaleca przyrostowe aktualizowanie wersji SDK, pojedynczo. Takie podejście pomaga zlokalizować problemy pojawiające się podczas procesu. Aktualne informacje znajdziesz w przewodniku aktualizacji SDK Expo.
Projekty React Native
Ponieważ typowe projekty React Native składają się z projektu Android, iOS i JavaScript, aktualizacja może być skomplikowana. Upgrade Helper to narzędzie webowe, które prezentuje pełen zestaw zmian między dowolnymi wersjami. Zawiera też komentarze wyjaśniające konieczność poszczególnych modyfikacji.
1. Wybierz wersje
Najpierw wybierz wersję początkową i docelową (domyślnie najnowsze główne wersje). Następnie kliknij przycisk "Show me how to upgrade".
💡 Przy aktualizacjach głównych na górze pojawi się sekcja "useful content" z pomocnymi linkami.
2. Aktualizuj zależności
Pierwszym prezentowanym plikiem jest package.json – zaktualizuj wymienione w nim zależności. Jeśli np. pojawią się zmiany dla react-native i react, zainstaluj je poleceniami:
- npm
- Yarn
# {{VERSION}} and {{REACT_VERSION}} are the release versions showing in the diff
npm install react-native@{{VERSION}}
npm install react@{{REACT_VERSION}}
# {{VERSION}} and {{REACT_VERSION}} are the release versions showing in the diff
yarn add react-native@{{VERSION}}
yarn add react@{{REACT_VERSION}}
3. Aktualizuj pliki projektu
Nowa wersja może zawierać aktualizacje plików generowanych przez npx react-native init, wymienionych po package.json w Upgrade Helper. Brak zmian oznacza, że wystarczy przebudować projekt. W przypadku zmian należy ręcznie je wprowadzić.
Rozwiązywanie problemów
Wprowadziłem wszystkie zmiany, ale aplikacja nadal używa starej wersji
Takie błędy zwykle wynikają z buforowania. Zainstaluj react-native-clean-project, aby wyczyścić pamięć podręczną projektu, a następnie ponownie uruchom aplikację.