/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 vote121 views1 answer
Reactjs join two array
Javascript React
10 votes134 views1 answer
Dimensions react native
Javascript React
0 vote132 views1 answer
Preview image before upload reactjs
Javascript React
0 vote125 views1 answer
Render first index active tabs in reactjs
Javascript React
0 vote140 views1 answer
Detect finishing write react input
Javascript React
12 votes139 views3 answers
Font weight react native
Javascript React
1 vote124 views1 answer
Set Custom User Agent react
Javascript React
1 vote175 views1 answer
Check if new user in firebase react
Javascript React
0 vote151 views1 answer
Reactjs lifecycle class components
Javascript React
0 vote164 views2 answers
How to convert time to users timezone in react
Javascript React