/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 vote243 views1 answer
Create react expo
Javascript React
2 votes230 views1 answer
Dot env react native
Javascript React
5 votes245 views1 answer
Redirect in netlify react
Javascript React
0 vote210 views1 answer
React-navigation headerbackbutton not export member of navigation
Javascript React
0 vote221 views1 answer
Limit data with axios in react js
Javascript React
0 vote220 views1 answer
How to empty input field in react
Javascript React
0 vote251 views1 answer
How to go to settings on next click in react native
Javascript React
7 votes200 views4 answers
React router link
Javascript React
1 vote229 views1 answer
Create functional component react
Javascript React
0 vote217 views1 answer
Which react-bootstrap component you will use for width: 100% across all viewport and device sizes
Javascript React