/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 vote384 views1 answer
Use inline and other styles react native
Javascript React
1 vote396 views1 answer
React native fast image webp ios
Javascript React
18 votes420 views6 answers
React-native make android apk
Javascript React
0 vote414 views1 answer
Add active class to button onclick react
Javascript React
21 votes372 views6 answers
React native vector icon
Javascript React
0 vote430 views2 answers
Install boxicons in react
Javascript React
2 votes391 views1 answer
If back react
Javascript React
0 vote413 views1 answer
React native length of object
Javascript React
26 votes422 views6 answers
React js
Javascript React
1 vote420 views2 answers
React native time range picker
Javascript React