/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 vote142 views1 answer
React testing for links
Javascript React
3 votes164 views1 answer
React native class component constructor
Javascript React
0 vote109 views1 answer
'{ state: any; dispatch: React.Dispatch<{ type: string; payload: any; }>; }' is not assignable to type 'Store'
Javascript React
0 vote131 views1 answer
Timeline material ui react native
Javascript React
1 vote149 views3 answers
Bash: react-scripts: command not found
Javascript React
0 vote243 views1 answer
How to declare a variable in react
Javascript React
4 votes135 views6 answers
Location of release apk in react native
Javascript React
0 vote135 views1 answer
Why does my react project dosent have any class
Javascript React
-2 votes166 views1 answer
Keyboard close when typing react native
Javascript React
0 vote139 views1 answer
Dropdown menu in react does not re render the component
Javascript React