/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 vote220 views1 answer
Yarn add react-native-elements
Javascript React
7 votes138 views2 answers
Br in react native
Javascript React
0 vote201 views1 answer
React avoid spreading non-dom props across component
Javascript React
4 votes130 views2 answers
React countdown timer
Javascript React
0 vote147 views1 answer
Bottom navigation bar react native hide on keyboard
Javascript React
1 vote145 views2 answers
Switch in react
Javascript React
0 vote144 views1 answer
React clear input after button click
Javascript React
0 vote134 views1 answer
Rngesturehandlermodule.default.direction react native
Javascript React
7 votes148 views6 answers
Shadow generator react native
Javascript React
0 vote146 views1 answer
How to disable react in jsx scope eslint
Javascript React