/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

4 votes224 views4 answers
Class component react
Javascript React
48 votes196 views1 answer
Emmet not working react js
Javascript React
4 votes200 views1 answer
How to add custom font to react project
Javascript React
4 votes279 views3 answers
Add google map in react js
Javascript React
2 votes199 views2 answers
Splice state react
Javascript React
85 votes215 views6 answers
Redirect react router
Javascript React
0 vote200 views1 answer
Formdata append react js
Javascript React
1 vote205 views1 answer
React native nav bars
Javascript React
5 votes210 views4 answers
Google map in react js
Javascript React
23 votes270 views5 answers
USE ICONS IN REACT
Javascript React