/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

0 vote200 views1 answer
React Native Text style example
Javascript React
2 votes213 views1 answer
React add gradient top to bottom
Javascript React
0 vote211 views1 answer
ExoPlayer with auto linking react native
Javascript React
3 votes327 views2 answers
React native image fit container
Javascript React
0 vote265 views1 answer
How to change height of bottom material tab navigator from react-naviagtion
Javascript React
7 votes186 views2 answers
Hover react
Javascript React
0 vote254 views1 answer
Avoid compressing imagepicker react native
Javascript React
0 vote223 views4 answers
Router react how to pass data to class component
Javascript React
2 votes157 views1 answer
Rn touchableopacity
Javascript React
0 vote205 views1 answer
Render a react component only after API response is received
Javascript React