React Native code : 500

React native geliştirirken “The development server returned response error code: 500” hatası ile sıkça karşılaşılan hatalardandır.
Bu hatayı alıyorsanız sebepleri birden fazla olabilir versiyon uyuşmazlığı paket bağımlılığı eksikliğii paket kurulum hatası vb.

Ben bu hatayı react-native-router-flux kurulumu sonrası aldım.
Hata ekranı :

Hata çözüm adımları:
“reac-native-router-flux” kurmadan önce React Navigation bağımlılıklarını kurmanız gerekiyor.

1 . @react-navigation/native kurulumu

npm kurulum:
npm install @react-navigation/native
yarn kurulum:
yarn add @react-navigation/native

2. React Native bağımlılıklarını kurulımı

npm kurulumu:
npm install react-native-reanimated react-native-gesture-handler react-native-screens react-native-safe-area-context @react-native-community/masked-view
yarn kurulumu:
yarn add react-native-reanimated react-native-gesture-handler react-native-screens react-native-safe-area-context @react-native-community/masked-view

3.1. Mac kullanıyor ve ios geliştiriyorsanız Cocoapods kurulu olduğundan emin olmalısınız. Terminalde aşağıdaki kodu çalıştırın.

cd ios; pod install; cd ..

3.2. Android kullanıyorsanız, “android/app/build.gradle” dosyasını açıyoruz
“ dependencies” kelimesini aratıyoruz.
Aşağıdaki görseldeki gibi kodları ekliyoruz.

implementation 'androidx.appcompat:appcompat:1.1.0-rc01'
implementation 'androidx.swiperefreshlayout:swiperefreshlayout:1.1.0-alpha02'

Ve tebrikler sorunu çözdünüz :)