/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 vote362 views1 answer
Flatlist react native horizontal
Javascript React
10 votes357 views4 answers
React native disable warnings
Javascript React
0 vote375 views3 answers
Proptypes for a react component
Javascript React
-2 votes315 views3 answers
React and express
Javascript React
0 vote348 views1 answer
React inlinle style set background image
Javascript React
0 vote422 views1 answer
React convert table to pdf
Javascript React
0 vote318 views1 answer
Create react portal
Javascript React
0 vote377 views1 answer
Network display react native
Javascript React
0 vote368 views1 answer
Generate qr code react
Javascript React
1 vote376 views1 answer
Can't type in react input text field
Javascript React