Сбой React native при создании приложения для отладки

# #android #firebase #react-native #react-native-android #react-native-navigation

Вопрос:

Поэтому я создаю приложение отладки, используя следующие команды

  • react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res
  • cd android
  • ./gradlew assembleDebug

Теперь приложение успешно строится, а также устанавливается. А также первый экран работает отлично, но после перехода на следующий экран он вылетает

Вот ссылка на приложение: https://github.com/Hardik500/madri

Вот набор пакетов, которые я использую для приложения

     "@react-native-community/async-storage": "^1.12.1",
    "@react-native-community/masked-view": "^0.1.11",
    "@react-native-community/slider": "^3.0.3",
    "@react-native-firebase/app": "^12.0.0",
    "@react-native-firebase/firestore": "^12.0.0",
    "@react-native-firebase/storage": "^12.0.0",
    "@react-navigation/native": "^5.9.4",
    "@react-navigation/stack": "^5.14.4",
    "expo": "~41.0.1",
    "expo-av": "^9.1.2",
    "expo-font": "^9.1.0",
    "expo-splash-screen": "~0.10.2",
    "expo-status-bar": "~1.0.4",
    "expo-updates": "~0.5.4",
    "react": "16.13.1",
    "react-countdown-circle-timer": "^2.5.3",
    "react-dom": "16.13.1",
    "react-native": "~0.63.4",
    "react-native-android-immersive-mode": "^1.3.0",
    "react-native-animated-splash-screen": "^2.0.5",
    "react-native-countdown-circle-timer": "^2.5.3",
    "react-native-easy-grid": "^0.2.2",
    "react-native-extra-dimensions-android": "^1.2.5",
    "react-native-gesture-handler": "^1.10.3",
    "react-native-modal": "^11.10.0",
    "react-native-reanimated": "^2.0.0",
    "react-native-safe-area-context": "^3.2.0",
    "react-native-screens": "^3.1.1",
    "react-native-slider": "^0.11.0",
    "react-native-sound": "^0.11.0",
    "react-native-sqlite-storage": "^5.0.0",
    "react-native-storage": "^1.0.1",
    "react-native-svg": "^12.1.1",
    "react-native-svg-transformer": "^0.14.3",
    "react-native-unimodules": "^0.13.3",
    "react-native-web": "~0.13.12",
    "react-use-gesture": "^9.1.3",
    "styled-components": "^5.2.3"
 

Одна из возможных проблем, которая, как я думал, связана с react-native-gesture-handler пакетом, но даже после применения возможных исправлений я не могу найти проблему.

Существуют ли какие-либо другие пакеты, которые необходимо исправить, и если нет, то как я могу увидеть ошибку в приложении сборки, чтобы я мог увидеть ошибку?

Комментарии:

1. Можете ли вы опубликовать сообщение об ошибке? а вы пробовали iOS? какие машины вы используете? Windows или Mac

2. Я использую Windows и пытался запустить приложение только на своем телефоне Android. Также что касается ошибок, я не вижу ошибок, так как разработка работает нормально, но приложение выходит из строя при сборке apk. Есть ли какой-нибудь способ получить сообщения об ошибках?

3. Вы можете использовать react-native-crashlytics или Snagbug для получения ошибок в сборке выпуска. И ваше приложение выходит из строя при запуске или после какой-либо функции?

4. Мое приложение выходит из строя всякий раз, когда я нажимаю кнопку навигации, чтобы перейти на следующий экран, т. Е. с главного экрана ( github.com/Hardik500/madri/blob/master/src/screens/Home.js ) на экран категории ( github.com/Hardik500/madri/blob/master/src/screens/Category.js )

Ответ №1:

Похоже , проблема заключалась не в обработчике жестов react-native, а в Image компоненте из react-native , и по некоторым причинам он приводил к сбою сборки APK, но в разработке работал нормально. Поэтому мне пришлось заменить это на react-native-fast-image , и это, казалось, решило проблему. Еще одно исправление , которое я обнаружил, заключалось в том, что я использовал тени в компоненте анимированного стиля react-native-reanimated , и это также, похоже, привело к сбою APK-файла сборки. Поэтому после внесения необходимых изменений сборка, похоже, работает нормально.