/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 vote325 views1 answer
Install react loading spinner
Javascript React
1 vote245 views1 answer
Shopping cart small icon code react-bootstrap 4.6 fa fas
Javascript React
0 vote254 views1 answer
Dynamic classname react
Javascript React
0 vote262 views1 answer
TrackPromise React
Javascript React
0 vote243 views1 answer
Upload image file in react native using rest api to website
Javascript React
1 vote253 views1 answer
Expo update react native
Javascript React
2 votes255 views1 answer
Property 'target' does not exist on type 'string' react
Javascript React
0 vote249 views1 answer
React native scrollview scrollto()
Javascript React
4 votes263 views2 answers
Countdown in react js
Javascript React
0 vote255 views1 answer
Get rid of header bar react native
Javascript React