Rn-global-error-handler NPM

rn-global-error-handler

React Native error handler for unhandled exception

Install

npm install --save rn-global-error-handler

Usage

Bare minimum

Extend your top level component from SafeComponent. This shows a popup whenever an unhandled exception airses and doesn't kill the app.

import { Text } from "react-native";
import SafeComponent from "rn-global-error-handler";

class App extends SafeComponent {
  constructor(){
    super();
  }

  render(){
    return <Text>Cool App!</Text>
  }  
}

export default App;

Functional

Compopse your top level component with "safe" function. This shows a popup whenever an unhandled exception airses and doesn't kill the app.

With top level class component

import { Text } from "react-native";
import {safe} from "rn-global-error-handler";

class App extends SafeComponent {
  constructor(){
    super();
  }

  render(){
    return <Text>Cool App!</Text>
  }  
}

export default safe(App);

With top level functional component

const App = () => {
  return <Text>Cool App!</Text>
}

export default safe(App);

Enable in dev environment

const App = () => {
  return <Text>Cool App!</Text>
}

export default safe(App,true);

with custom error handler

function customErrHandler() {
  // log error message
  alert("This is a custom error handler");
}

const App = () => {
  return <Text>Cool App!</Text>
}

export default safe(App,true,customErrHandler);