/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 vote231 views1 answer
React-native-checkbox in a loop
Javascript React
23 votes200 views6 answers
React hooks useeffect
Javascript React
1 vote163 views3 answers
Add react to existing project
Javascript React
1 vote171 views1 answer
Bootstrap icons react
Javascript React
0 vote158 views1 answer
Form changes button enable reactive forms
Javascript React
28 votes189 views1 answer
Semantic ui dropdown value react
Javascript React
0 vote188 views1 answer
Change value in array react
Javascript React
0 vote176 views1 answer
Global keyboard shortcuts react
Javascript React
0 vote160 views1 answer
React i18n outside component
Javascript React
142 votes627 views5 answers
Install react
Javascript React