/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 vote241 views1 answer
Reactstrap search bar
Javascript React
0 vote210 views1 answer
This will give Iodoform reaction on the treatment with Na2CO3 and I2:
Javascript React
0 vote198 views6 answers
React slick
Javascript React
3 votes206 views2 answers
Whatare portals in react
Javascript React
0 vote226 views1 answer
React paypal express checkout
Javascript React
0 vote274 views1 answer
Install react loading spinner
Javascript React
0 vote192 views1 answer
Handle an input with React hooks
Javascript React
17 votes212 views3 answers
Reducer react
Javascript React
2 votes203 views2 answers
Video in react native stack overflow
Javascript React
0 vote212 views1 answer
Implement cai webchat in react native
Javascript React