/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

1 vote119 views1 answer
Firebase react router page not found on page refresh
Javascript React
0 vote145 views1 answer
React native make safe view in mobile
Javascript React
0 vote127 views1 answer
Nested ternaries react
Javascript React
2 votes126 views1 answer
React not getting img by src
Javascript React
0 vote147 views1 answer
Notification bell icon bootstrap react
Javascript React
0 vote127 views1 answer
React native set variable key in loop
Javascript React
0 vote124 views1 answer
Using redux on react extension
Javascript React
22 votes127 views3 answers
How to use if else inside jsx in react
Javascript React
3 votes134 views4 answers
Import in react
Javascript React
0 vote125 views1 answer
Write button hover in react
Javascript React