react-native-logger-client

A Logger that runs on the device is the same as the chrome console.

Usage

1. Integrate into the root component

render() {
  return (
    <View>
      <App />
      {/* Let it be at the top of the app */}
      <Logger />
    </View>
  );
}

2. Use it anywhere

console.log('Hello, Logs!');
console.info('This is a message.');
console.warn('user limit reached.');
console.error('error: name is undefined.');
console.log([{a:1, b:2, c:3}, {a:"foo", b:false, c:undefined}]);

API

It will automatically integrate with the console, when you use such as console.log, it will be output to the device.

The following features are currently integrated.

• Console
  • [x] log
  • [x] info
  • [x] warn
  • [x] error

Installation

npm install --save react-native-logger-client

TODO

• [ ] Mini window can be dragged
• [ ] Mini window should be change color when log something
• [ ] Limit maximum line number
• [ ] Filter log by type
• [ ] Show timestamps
• [ ] Custom style output
• [ ] Run on server