/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 vote146 views1 answer
How to update version of dependencies reactjs
Javascript React
0 vote171 views1 answer
Button with icon react native ui
Javascript React
0 vote153 views1 answer
React native Setting a timer for a long period of time
Javascript React
4 votes151 views1 answer
React propthpes or
Javascript React
1 vote146 views1 answer
Change color react icon
Javascript React
2 votes159 views2 answers
Fullcalendar react add event duration
Javascript React
105 votes179 views1 answer
React simbu
Javascript React
0 vote170 views1 answer
React-scripts test single file
Javascript React
3 votes160 views1 answer
React native run on device command line
Javascript React
0 vote149 views1 answer
How to extract params from received link in react native firebase dynamiclink?
Javascript React