-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.js
48 lines (39 loc) · 959 Bytes
/
index.js
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
var React = require('react-native');
var { TextInput, View, StyleSheet, } = React;
class TextInputFooter extends React.Component {
constructor(props){
this.state = {
input:'',
}
}
render(){
return (
<TextInput
style={styles.inputBox}
editable={true}
placeholder={'Write something here...'}
value={this.state.input}
onEndEditing={this.props.toggleEditState}
onFocus={this.props.toggleEditState}
onSubmitEditing={this._handleSubmit.bind(this)}
clearButtonMode='while-editing'
onChangeText={(text) => this.setState({input: text})}
/>
);
}
_handleSubmit(){
console.log(this.input);
this.setState({input:''});
}
};
var styles = StyleSheet.create({
inputBox: {
height: 50,
padding: 10,
flex: 1,
backgroundColor: 'white',
fontFamily: 'Avenir',
fontSize: 20,
}
});
module.exports = TextInputFooter;