/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 vote379 views1 answer
React-native-apple-authentication
Javascript React
0 vote400 views1 answer
Unable to resolve "@react-native-community/masked-view" from
Javascript React
0 vote464 views1 answer
Create react app with vite
Javascript React
126 votes579 views4 answers
Npm create react app
Javascript React
2 votes389 views1 answer
How to import lodash in react
Javascript React
2 votes369 views2 answers
React google maps
Javascript React
0 vote350 views2 answers
Can we use .env in react native?
Javascript React
15 votes424 views3 answers
Image source react native
Javascript React
11 votes429 views4 answers
React native text underline
Javascript React
0 vote393 views1 answer
Why is necessary to run react-native run
Javascript React