react-native-float-widget/App.js at master · thebylito/react-native-float-widget · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
import React, { Component } from 'react';
import {
  Platform,
  StyleSheet,
  Text,
  View,
  NativeModules,
  Button,
  DeviceEventEmitter,
  Alert,
  TextInput
} from 'react-native';

const { RNFloatWidget } = NativeModules;


export default class App extends Component<Props> {
  state = {
    title: '',
    body: '',
    time: null
  }
  componentDidMount() {
    DeviceEventEmitter.addListener('eventoTeste', this.onClose)
  }

  onClose = ({ time }) => {
    console.tron.log(time)
    RNFloatWidget.showToast(time.toString())
    /*  this.setState({
       time
     }) */
  }
  generateColor = () => {
    const color = '#' + Math.random().toString(16).substr(-6);
    /*  this.setState({
       color
     }) */
    return color;
  }

  render() {
    return (
      <View style={styles.container}>
        <Text>{this.state.time}</Text>
        <Button title="acao" onPress={() => {
          RNFloatWidget.start(/** Iniciar com parametros {A FAZER: titulo, corpo, imagem, etc... } **/)
        }} />
        <Button title="abrir" onPress={() => {
          RNFloatWidget.openWidget()
        }} />
        <Button title="fechar" onPress={() => {
          RNFloatWidget.closeWidget()
        }} />
        <Button title="setColor" onPress={() => {
          RNFloatWidget.setColor(this.generateColor())
        }}
        />
        <Button title="criar Botao" onPress={() => {
          RNFloatWidget.createButton()
        }}
        />
        <View style={{ flexDirection: 'row' }}>
          <Button title="setImage1" onPress={() => {
            RNFloatWidget.setImage('http://i.imgur.com/DvpvklR.png')
          }}
          />
          <Button title="setImage2" onPress={() => {
            RNFloatWidget.setImage('https://i.imgur.com/HPlo1rm.jpg')
          }}
          />

        </View>
        <TextInput onChangeText={(title) => {
          this.setState({ title }, () => {
            RNFloatWidget.setTitle(this.state.title)
          })
        }} />
        <TextInput onChangeText={(body) => {
          this.setState({ body }, () => {
            RNFloatWidget.setBody(this.state.body)
          })
        }} />
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#F5FCFF',
  },
  welcome: {
    fontSize: 20,
    textAlign: 'center',
    margin: 10,
  },
  instructions: {
    textAlign: 'center',
    color: '#333333',
    marginBottom: 5,
  },
});