/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 vote359 views1 answer
Navigation scroll react
Javascript React
5 votes357 views1 answer
Create react app deployment heroku
Javascript React
160 votes558 views6 answers
React install
Javascript React
6 votes418 views3 answers
Multiple path names for a same component in react router
Javascript React
0 vote347 views1 answer
Npm react native turn by turn navigation
Javascript React
1 vote282 views1 answer
Functions inside class component react
Javascript React
0 vote350 views1 answer
Align image center react native
Javascript React
0 vote279 views1 answer
React-particles-js not working
Javascript React
0 vote364 views1 answer
How to link a photo in expo react native
Javascript React
0 vote405 views1 answer
React convert table to pdf
Javascript React