React Native - Может ли BugSnag или Crashlytics помочь избежать ошибки белого экрана?

Question

У меня есть приложение React Native, и иногда вместо рендеринга компонентов он показывает только белый экран. Там нет ошибок или исключений, это так же, как пустой DOM.

Эта ошибка появляется как для Android, так и для iOS, и я не могу поймать какой-либо шаблон, когда это происходит. Могут ли BugSnag или Crashlytics дать мне больше информации, которая может помочь? Есть ли способ трактовать белый экран как ошибку в этих сервисах?

Answer 1

Лучший способ зафиксировать ошибки белого экрана в React Native с помощью Bugsnag — это границы ошибок. Вы можете найти отличную статью об этом здесь: https://medium.com/wix-engineering/white-screen-of-death-how-to-handle-errors-in-react-native-4d57ac82b6d8 .

В вашей пользовательской границе ошибки, внутри componentDidCatch, вы можете уведомить Bugsnag, используя Bugsnag.notify(error).

С этого момента, если ваш компонент выдает ошибку JS (например, ошибку белого экрана), граница ошибки перехватит ее и зарегистрирует ошибку в Bugsnag.