diff --git a/src/Logs.js b/src/Logs.js new file mode 100644 index 0000000..2b2493a --- /dev/null +++ b/src/Logs.js @@ -0,0 +1,51 @@ +import React from "react"; +import {ScrollView, Text, ToastAndroid} from "react-native"; +import LogManager from "./native/LogManager"; +import Icon from 'react-native-vector-icons/Ionicons' + +export default class Logs extends React.Component { + static navigationOptions = { + headerTitle: Logs, + headerRight: ( + { + ToastAndroid.show('Clearing logs...', ToastAndroid.SHORT); + LogManager.clear(() => ToastAndroid.show('Cleared logs.', ToastAndroid.SHORT)); + }} + color="#000" + size={30} + backgroundColor="#fff"/> + ), + }; + + constructor() { + super(); + this.id = 0; + this.state = {logs: ''} + } + + refresh = () => { + LogManager.getLog((data) => { + this.setState({logs: data}) + }); + }; + + componentDidMount() { + this.refresh(); + this.id = window.setInterval(this.refresh, 1000); + } + + componentWillUnmount() { + clearInterval(this.id); + } + + render() { + const {logs} = this.state; + return ( + + {logs} + + ) + } +} \ No newline at end of file