/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

1 vote390 views2 answers
Deploy create react app pm2
Javascript React
144 votes601 views6 answers
How to install react js
Javascript React
0 vote488 views1 answer
Change theme in react-toastify
Javascript React
1 vote398 views1 answer
React check if string is mail
Javascript React
0 vote367 views1 answer
React '$' is not define
Javascript React
0 vote401 views1 answer
React google map doesn't update marker
Javascript React
0 vote371 views1 answer
Application/ld+json react
Javascript React
0 vote375 views1 answer
React-file-base64
Javascript React
0 vote368 views1 answer
React developer cvs
Javascript React
3 votes368 views1 answer
How to use react-fontawesome
Javascript React