1import { CheckBox } from 'react-native-elements'
2
3<CheckBox
4 title='Click Here'
5 checked={this.state.checked}
6/>
7
8<CheckBox
9 center
10 title='Click Here'
11 checked={this.state.checked}
12/>
13
14<CheckBox
15 center
16 title='Click Here'
17 checkedIcon='dot-circle-o'
18 uncheckedIcon='circle-o'
19 checked={this.state.checked}
20/>
21
22<CheckBox
23 center
24 title='Click Here to Remove This Item'
25 iconRight
26 iconType='material'
27 checkedIcon='clear'
28 uncheckedIcon='add'
29 checkedColor='red'
30 checked={this.state.checked}
31/>
32
33<CheckBox
34 checkedIcon={<Image source={require('../checked.png')} />}
35 uncheckedIcon={<Image source={require('../unchecked.png')} />}
36 checked={this.state.checked}
37 onPress={() => this.setState({checked: !this.state.checked})}
38/>
39
1import React, { Component } from 'react';
2import { TextInput } from 'react-native';
3
4export default function UselessTextInput() {
5 const [value, onChangeText] = React.useState('Useless Placeholder');
6
7 return (
8 <TextInput
9 style={{ height: 40, borderColor: 'gray', borderWidth: 1 }}
10 onChangeText={text => onChangeText(text)}
11 value={value}
12 />
13 );
14}