/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

16 votes211 views3 answers
Importing svg into react
Javascript React
1 vote196 views1 answer
What is react easy emoji
Javascript React
1 vote191 views1 answer
Toggle drawer react native
Javascript React
0 vote266 views1 answer
This.props undefined react native
Javascript React
0 vote185 views1 answer
React chrome get language
Javascript React
0 vote214 views1 answer
Sort Array Object in React
Javascript React
0 vote199 views1 answer
Log errors react
Javascript React
0 vote197 views1 answer
Module not found: Can't resolve '@date-io/date-fns' in 'C:\Users\61455\Documents\React apps\mya2o\src\pages'
Javascript React
0 vote207 views1 answer
React native text area align top
Javascript React
0 vote198 views1 answer
How to resolve click for div logging as parent too, in react
Javascript React