/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

1 vote255 views1 answer
Picker change event react native
Javascript React
0 vote256 views1 answer
React native jest snapshot
Javascript React
4 votes298 views2 answers
Hide status bar react native
Javascript React
1 vote260 views1 answer
Toggle drawer react native
Javascript React
29 votes246 views3 answers
Creating react app using npx
Javascript React
0 vote263 views1 answer
Using redux on react extension
Javascript React
0 vote230 views1 answer
Eslint version check in react
Javascript React
0 vote267 views1 answer
Find null/empty values in reactive form
Javascript React
0 vote238 views1 answer
Update array hooks react
Javascript React
0 vote264 views1 answer
Concatenate state with previous state in react redux
Javascript React