/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 vote396 views1 answer
As it does not contain a package.json file. react
Javascript React
1 vote359 views1 answer
I18n turn off suspense react
Javascript React
0 vote397 views1 answer
Npx code for src folder in react js
Javascript React
32 votes388 views2 answers
How to routing in react js
Javascript React
3 votes430 views1 answer
React native elements
Javascript React
21 votes366 views6 answers
React native vector icon
Javascript React
2 votes371 views1 answer
How to get current URL with Javascript or React
Javascript React
0 vote442 views1 answer
Modal in react
Javascript React
0 vote407 views1 answer
Setting up react on visual studio code
Javascript React
-1 vote388 views1 answer
Update text react native
Javascript React