/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 vote345 views1 answer
React native counter
Javascript React
114 votes369 views3 answers
Run react app
Javascript React
4 votes320 views1 answer
React js materilize
Javascript React
1 vote340 views2 answers
Send an email react native
Javascript React
0 vote352 views1 answer
React keydown event listener
Javascript React
31 votes328 views1 answer
React router dom npm
Javascript React
6 votes393 views1 answer
How to import dotenv in react
Javascript React
0 vote422 views1 answer
Create react app with vite
Javascript React
2 votes349 views1 answer
Site cannot be accessed broken link or url that doesn’t exist react netlify
Javascript React
32 votes380 views1 answer
How to do routes react js
Javascript React