/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

3 votes242 views3 answers
How to uninstall react native cli globally
Javascript React
0 vote171 views1 answer
React native fetch response code
Javascript React
1 vote198 views4 answers
React native debug apk
Javascript React
2 votes174 views1 answer
Append a query string to the url react
Javascript React
0 vote196 views2 answers
React Class components LifeCycles
Javascript React
0 vote185 views1 answer
React scrip for deplot heroku
Javascript React
1 vote192 views5 answers
Push notification react native
Javascript React
1 vote175 views1 answer
React case switch not working
Javascript React
0 vote183 views1 answer
React bootstrap col not working
Javascript React
0 vote183 views2 answers
Hosting react on gh pages
Javascript React