/
Demo3.js
55 lines (51 loc) · 1.12 KB
/
Demo3.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
49
50
51
52
53
54
55
import React from 'react';
import {
View,
StyleSheet
} from 'react-native';
import {Radio} from '../index';
export const Demo3 = () => (
<View style={styles.container}>
<Radio.Group
defaultValue={'B'}
style={styles.radioGroup}
>
<Radio.Button
value={'A'}
title={'option 1'}
style={styles.radioButton}
/>
<Radio.Button
value={'B'}
title={'option 2'}
checkedIconColor={'purple'}
unCheckedIconColor={'purple'}
style={styles.radioButton}
/>
<Radio.Button
value={'C'}
title={'option 3'}
iconSize={18}
style={styles.radioButton}
checkedImage={require('./img/checked-radio.png')}
unCheckedImage={require('./img/unchecked-radio.png')}
/>
</Radio.Group>
</View>
);
const styles = StyleSheet.create({
container: {
paddingVertical: 7.5,
paddingHorizontal: 15
},
radioGroup: {
flexWrap: 'wrap',
flexDirection: 'row',
justifyContent: 'space-between'
},
radioButton: {
flex: 1,
justifyContent: 'center',
marginVertical: 7.5
}
});