/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 vote308 views1 answer
React js error stackoverflaw
Javascript React
6 votes304 views4 answers
Add items to a react array in hooks
Javascript React
0 vote340 views1 answer
Clickjacking in react js
Javascript React
0 vote313 views1 answer
Rngesturehandlermodule.default.direction react native
Javascript React
5 votes328 views3 answers
How to scroll to an element javascript react
Javascript React
0 vote297 views1 answer
Label tag alternative in react native
Javascript React
0 vote316 views1 answer
OAuth with axios react native
Javascript React
3 votes307 views1 answer
How to use react-fontawesome
Javascript React
-1 vote315 views1 answer
What is the use of consrtructors in reactjs
Javascript React
105 votes347 views1 answer
React simbu
Javascript React