/Javascript/React/Line separator with text in the center react native

Line separator with text in the center react native

<View style={{flexDirection: 'row'}}>
    <View style={{backgroundColor: 'black', height: 2, flex: 1, alignSelf: 'center'}} />
    <Text style={{ alignSelf:'center', paddingHorizontal:5, fontSize: 24 }}>Your class</Text>
    <View style={{backgroundColor: 'black', height: 2, flex: 1, alignSelf: 'center'}} />
</View>

Source: stackoverflow.com

Similar codes

1 vote370 views1 answer
Lazy loading pagination react npm
Javascript React
3 votes374 views4 answers
Import in react
Javascript React
32 votes356 views6 answers
Font awesome react
Javascript React
1 vote366 views2 answers
Get syntethicbaseevent and parameter in react
Javascript React
4 votes368 views2 answers
'Switch' is not exported from 'react-router-dom'.
Javascript React
0 vote367 views1 answer
ExoPlayer with auto linking react native
Javascript React
2 votes417 views1 answer
React concatenate string and component
Javascript React
0 vote364 views1 answer
Reactjs download file axios
Javascript React
15 votes341 views1 answer
Did you mean to use React.forwardRef()?
Javascript React
0 vote368 views1 answer
Timezone in react js
Javascript React