Przejdź do treści głównej

Aktualizacja do nowych wersji

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 →

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:

shell
# {{VERSION}} and {{REACT_VERSION}} are the release versions showing in the diff
npm install react-native@{{VERSION}}
npm install 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ę.