/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 vote95 views2 answers
React native navigation header Right
Javascript React
0 vote105 views1 answer
React tooltip on disabled button
Javascript React
0 vote110 views1 answer
Header logo react native img
Javascript React
0 vote117 views1 answer
How to setup icomoon in react js
Javascript React
0 vote114 views1 answer
`ForwardRef(ListboxComponent)`, expected a ReactNode. at ListboxComponent
Javascript React
0 vote109 views1 answer
React native expo release apk
Javascript React
18 votes108 views3 answers
How to hide header in react navigation
Javascript React
0 vote122 views2 answers
Remove the warning for setState on unmounted components in React
Javascript React
0 vote116 views1 answer
Invariant Violation: [React Intl] An `id` must be provided to format a message.
Javascript React
13 votes104 views1 answer
React post request
Javascript React