/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

18 votes309 views2 answers
How to import background image in inline css in react
Javascript React
0 vote330 views1 answer
Get id button clicked react
Javascript React
4 votes318 views1 answer
UseEffect with axios react
Javascript React
10 votes326 views2 answers
React-native text overflow ellipsis
Javascript React
1 vote279 views1 answer
Mui modal backdrop
Javascript React
5 votes295 views2 answers
React native components
Javascript React
0 vote319 views2 answers
React useEffect prevent first time
Javascript React
0 vote324 views1 answer
Insert isValidPhoneNumber in react hook form
Javascript React
0 vote344 views2 answers
Reactjs date display
Javascript React
0 vote313 views1 answer
Eject expo app to android and react native
Javascript React