Блог

Я создаю приложение react native, используя react-native-camera , после обновления некоторых зависимостей я столкнулся с проблемой с API камеры, когда вы нажимаете кнопку в моем приложении, она перенаправляет вас на компонент просмотра вкладок, где первая вкладка — это компонент камеры, но вместо этого приложение зависает.

Сначала я подумал, что у меня есть определенная проблема в моем коде, хотя я ее не менял, но затем я увидел, что также Samsung S10 native camera app показывает черный экран (ошибка сбоя не отображается, изображение прилагается). Единственное решение прямо сейчас — перезагрузить устройство.

Как воспроизвести:

У меня нет абсолютного способа воспроизвести проблему, камера внутри компонента просмотра вкладок является основным процессом в моем приложении, и люди часто там перемещаются. Через некоторое время это происходит, и это не согласовано. Я заметил, что когда я перехожу к просмотру вкладок, если я делаю первый экран не камерой, он работает нормально, и таким образом я понял, что проблема вызвана открытием камеры независимо от того, где в моем приложении (не конкретно внутри просмотра вкладок, хотя основной причиной проблемы может быть просмотр вкладок).

В logcat нет журналов ошибок Android, за исключением Camera Destroyed Surface

Структура кода

Компонент просмотра вкладок используется как экран, подобный потоку / шаговому движку (без указания страницы внизу), и пользователь не знает, что это вид вкладки. Поток пользователей всегда переходит на первую вкладку, которая является камерой (с использованием RNCamera), затем он переходит на другую вкладку Камеры — у нас есть механизм фокусировки, и он работает, перемещаясь между этими камерами, а последняя вкладка — это компонент с некоторыми деталями, связанными с получаемыми снимками.

Версии модулей React native: Основные

     "@react-native-community/async-storage": "^1.7.1",
    "@react-native-community/geolocation": "^2.0.2",
    "@react-native-community/masked-view": "^0.1.10",
    "@react-native-community/netinfo": "^5.3.1",
    "@react-navigation/bottom-tabs": "5.8.0",
    "@react-navigation/compat": "5.2.3",
    "@react-navigation/core": "5.12.3",
    "@react-navigation/drawer": "5.8.6",
    "@react-navigation/native": "5.7.3",
    "@react-navigation/routers": "5.4.11",
    "@react-navigation/stack": "5.9.0",
    "net": "^1.0.2",
    "react": "16.9.0",
    "react-dom": "^16.9.0",
    "react-native": "0.61.5",
    "react-native-camera": "^3.38.0",
    "react-native-drop-shadow": "0.0.2",
    "react-native-dropdown-picker": "3.0.4",
    "react-native-exception-handler": "^2.10.8",
    "react-native-extended-stylesheet": "^0.11.1",
    "react-native-fs": "^2.14.0",
    "react-native-gesture-handler": "^1.6.0",
    "react-native-navigation-bar-color": "^2.0.1",
    "react-native-orientation": "^3.1.4",
    "react-native-ping": "1.1.1",
    "react-native-reanimated": "^1.7.0",
    "react-native-safe-area-context": "3.1.7",
    "react-native-screens": "^2.10.1",
    "react-native-shadow": "^1.2.2",
    "react-native-sound": "^0.10.12",
    "react-native-svg": "9.2.4",
    "react-native-tab-view": "^2.15.1",
    "react-native-vector-icons": "6.2.0",
    "react-redux": "^6.0.0",
    "redux": "^4.0.1",
    "redux-logger": "^3.0.6",
    "redux-saga": "^1.0.1",
  

Камера Galaxy S10 после возникновения проблемы: (Само приложение просто зависает)