/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

4 votes171 views2 answers
Concurrently node react
Javascript React
0 vote158 views1 answer
Get rid of header bar react native
Javascript React
0 vote158 views1 answer
React native svg size
Javascript React
0 vote169 views3 answers
React loop through array
Javascript React
1 vote145 views2 answers
React-native-screens
Javascript React
2 votes186 views1 answer
Iframe in react native
Javascript React
1 vote154 views1 answer
React redux actions must be plain objects
Javascript React
0 vote148 views1 answer
React native set default ios simulator
Javascript React
0 vote165 views1 answer
How to set the id attr to a var in reactjs
Javascript React
0 vote176 views1 answer
Convert integer month to string month react native
Javascript React