react-native-rxsegment : 分段控制器组件、选项卡视图组件

Getting started

//default
 <RXSegment 
 tabBarStyle={{ backgroundColor: 'blue', paddingTop: 20}}
 tabBarLabels={['ios', 'android', 'web']}
 >
 <View style={styles.container}/>
 </RXSegment>
//diy
 <RXSegment
 style={styles.segmentHeader}
 renderTabBar={()=>
 <RXSegmentTabBar
 style={{ backgroundColor: '#7D26CD', paddingTop: 20}}
 tabBarLabels={['ios', 'android', 'web', '']}
 activeTextColor={'red'}
 underlineStyle={ {width: 50, height: 3, backgroundColor: 'red'} }
 />
 }
 >
 <View style={styles.container}/>
 <View style={styles.container}/>
 </RXSegment>