/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

2 votes226 views1 answer
Make page refresh on top in react js
Javascript React
32 votes218 views6 answers
Usestate react
Javascript React
0 vote198 views1 answer
React native onChangeText resize the background image
Javascript React
8 votes251 views3 answers
Shadown reAct native
Javascript React
5 votes238 views6 answers
Box shadow in react native
Javascript React
1 vote201 views3 answers
Antd react
Javascript React
0 vote244 views1 answer
React build size
Javascript React
7 votes241 views3 answers
How to update a state with an array react
Javascript React
1 vote253 views3 answers
React native SafeAreaView
Javascript React
4 votes244 views1 answer
How to empty form after submit react
Javascript React