/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

4 votes241 views1 answer
Carousel react
Javascript React
14 votes212 views5 answers
React conditional class
Javascript React
1 vote212 views1 answer
Fontawsome icon size react element
Javascript React
2 votes202 views2 answers
Text number of lines react native
Javascript React
0 vote244 views1 answer
Node closes once you open app react-native
Javascript React
0 vote211 views1 answer
React import coreui icons
Javascript React
0 vote256 views1 answer
Navigate between files in react js
Javascript React
5 votes278 views1 answer
Deploy react js heroku
Javascript React
4 votes202 views2 answers
Materialize for react
Javascript React
0 vote285 views1 answer
Custom react native product rating
Javascript React