/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 vote136 views1 answer
Javascript slider get value react
Javascript React
2 votes137 views1 answer
If back react
Javascript React
0 vote153 views2 answers
React firebase hooks
Javascript React
0 vote180 views2 answers
React typed js
Javascript React
0 vote151 views1 answer
React native custom debounce input
Javascript React
3 votes156 views1 answer
React is front end or backend
Javascript React
0 vote150 views1 answer
Radio button in react native expo
Javascript React
2 votes197 views2 answers
React native settimeout
Javascript React
26 votes139 views5 answers
React image
Javascript React
0 vote154 views1 answer
Javascript array filter duplicates in react
Javascript React