/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

6 votes230 views1 answer
Import useHistory react-router-dom version 6
Javascript React
2 votes232 views1 answer
How to get current URL with Javascript or React
Javascript React
18 votes215 views5 answers
How to use svg in react js
Javascript React
6 votes219 views2 answers
Hr react
Javascript React
92 votes208 views6 answers
React router dom
Javascript React
12 votes257 views3 answers
Font weight react native
Javascript React
3 votes243 views3 answers
How to remove global react-native-cli package
Javascript React
1 vote225 views1 answer
React list
Javascript React
0 vote185 views1 answer
Create react app ssl
Javascript React
0 vote241 views1 answer
React export multiple component from index.js
Javascript React