/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

0 vote187 views1 answer
How to change tab color react bootstraps customixation
Javascript React
0 vote197 views1 answer
React duration picker
Javascript React
48 votes195 views1 answer
Emmet not working react js
Javascript React
0 vote189 views1 answer
Globalevariable reactjs
Javascript React
0 vote195 views1 answer
Altenrive for react native
Javascript React
1 vote202 views2 answers
Get syntethicbaseevent and parameter in react
Javascript React
0 vote215 views1 answer
Reactjs web3 components
Javascript React
0 vote192 views1 answer
Native module reactnativepushnotification tried to override rnpushnotification
Javascript React
2 votes190 views2 answers
React Hook Form
Javascript React
0 vote194 views1 answer
React time input
Javascript React