/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

3 votes294 views1 answer
Force update react hooks
Javascript React
0 vote502 views5 answers
Prototype react
Javascript React
0 vote291 views1 answer
Prevent double tap in react native
Javascript React
-2 votes323 views1 answer
Setting up a React Environment
Javascript React
0 vote300 views1 answer
Filter-vs-map-reactjs-and-jsx
Javascript React
5 votes525 views1 answer
Inline z-index react
Javascript React
0 vote297 views1 answer
Firebase integration in react
Javascript React
9 votes328 views2 answers
Html emmet in react vscode
Javascript React
0 vote1K views1 answer
Hide react from netlify
Javascript React
-2 votes259 views2 answers
React gsap
Javascript React