/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

9 votes190 views3 answers
Shadowoffset react native constructor
Javascript React
1 vote175 views1 answer
What is react reveal
Javascript React
0 vote192 views1 answer
Export socket io connection in react
Javascript React
105 votes274 views1 answer
React simbu2013
Javascript React
0 vote191 views1 answer
React state deconstructed
Javascript React
0 vote190 views3 answers
Add if condition in map react
Javascript React
1 vote169 views2 answers
Sha-1 certificate fingerprint react native
Javascript React
28 votes175 views6 answers
React proptypes
Javascript React
0 vote253 views1 answer
How to pass parent function to child screen in React Navigation
Javascript React
0 vote206 views1 answer
Invariant Violation: [React Intl] An `id` must be provided to format a message.
Javascript React