kylefang/react-native-segmented-control-tab
1
0
Fork 0
mirror of https://github.com/zhigang1992/react-native-segmented-control-tab.git synced 2026-04-28 20:35:12 +08:00
Code Issues Packages Projects Releases Wiki Activity

Minor code refactoring and example update

Browse Source
This commit is contained in:
Kiran
2017-03-02 11:27:15 +05:30
parent 7b92ddbf9b
commit df3c28ee17
2 changed files with 24 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
Example/example/exampleMain.js
View File

@@ -24,9 +24,15 @@ class ExampleMain extends Component {
render() {
return (
<View style={styles.container}>
<Text>Default segmented control</Text>
<Text style={styles.titleText}>Default segmented control</Text>
<SegmentedControlTab />
<Text>Custom segmented control with custom styles</Text>
<View style={styles.Seperator} />
<Text style={styles.titleText}>Default segmented control with Multile tab selection </Text>
<SegmentedControlTab multiple />
<View style={styles.Seperator} />
<Text style={styles.titleText}>Custom segmented control with custom styles</Text>
<SegmentedControlTab values={['one', 'two']}
onTabPress= {index => this.handleSegmentChange(index) }
borderRadius={0}
@@ -59,6 +65,19 @@ const styles = StyleSheet.create({
fontWeight: 'bold',
marginTop: 50,
fontSize: 18
},
titleText: {
color: '#444444',
padding: 20,
fontSize: 14,
fontWeight: '500'
},
Seperator: {
marginHorizontal: -10,
alignSelf: 'stretch',
borderTopWidth: 1,
borderTopColor: '#888888',
marginTop: 24
}
});