I am new to React Native and I need to implement this:
But my question is, how to implement this green line on active item.
How to implement it to look like this:https://github.com/wix/react-native-custom-segmented-control
I used SegmentedControl from RNUI library, the code is here:
<SegmentedControl
containerStyle={styles.segmentedControl}
segments={segments.first}
backgroundColor={'#1C1C1C'}
borderRadius={32.85}
style={{height: 46,width:335,border:'1px solid',borderColor: '#333232',backgroundColor: '#d7d7d7'}}
activeBackgroundColor={'#1C1C1C'}
outlineColor={'#1C1C1C'}
activeColor={'#FFFFFF'}
inactiveColor={'#FFFFFF'}
tabStyle={styles.tabStyle}
tabTextStyle={styles.tabTextStyle}
/>
segmentedControl: {
marginBottom: 10,
marginTop: 77
},
tabStyle:{
fontSize:18,
fontFamily: "ObjectSans-Regular"
},
tabTextStyle:{
color: '#FF0000',
fontSize: 18
},