/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 vote126 views1 answer
How to write unit test cases in react js
Javascript React
1 vote144 views2 answers
Generate apk debug react native
Javascript React
0 vote113 views1 answer
Error while updating linecap of a view polyline react-native-maps
Javascript React
68 votes120 views3 answers
React add inline styles in react
Javascript React
1 vote130 views1 answer
Rich editor react
Javascript React
8 votes125 views3 answers
Icon shwoing a box react native vector icons
Javascript React
0 vote127 views1 answer
Showing a custom toast function for react-toastify - Toast show
Javascript React
0 vote120 views1 answer
Create react app node: internal/modules/cjs/loader:936throw err;^Error: Cannot find module 'react-scripts/scripts/init.js'
Javascript React
0 vote116 views1 answer
Storybook react
Javascript React
14 votes115 views2 answers
Photo in React native
Javascript React