/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 vote225 views1 answer
Remove underline from hyperlink react
Javascript React
1 vote235 views2 answers
React warning can't perform a react state update on an unmounted component
Javascript React
15 votes231 views6 answers
React Form
Javascript React
0 vote229 views2 answers
Run build version react
Javascript React
0 vote223 views1 answer
Using redux on react extension
Javascript React
0 vote240 views1 answer
Concat two arrays each value react typescript
Javascript React
36 votes218 views2 answers
Ref hook in react
Javascript React
0 vote250 views1 answer
Activez la compression de texte react js
Javascript React
0 vote318 views1 answer
Reactstrap form post
Javascript React
1 vote225 views1 answer
Percentage width react native
Javascript React