/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

5 votes328 views1 answer
How to create component in reactjs
Javascript React
5 votes339 views3 answers
Get url react
Javascript React
0 vote344 views1 answer
React native stylesheet shortcut
Javascript React
0 vote319 views1 answer
Assign random colors react chartjs
Javascript React
-1 vote326 views4 answers
React cheat sheets
Javascript React
0 vote285 views6 answers
Replace all in react js
Javascript React
1 vote305 views1 answer
Typeerror object(...) is not a function react useParams
Javascript React
116 votes348 views6 answers
Bootstrap react
Javascript React
0 vote311 views1 answer
React router native back button
Javascript React
0 vote347 views1 answer
Code in nested forEach loop- react native
Javascript React