/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 vote305 views1 answer
Npm react dropdown
Javascript React
0 vote283 views1 answer
Making font weight bold by passing value in React.js
Javascript React
1 vote310 views2 answers
Reset form input react
Javascript React
0 vote308 views1 answer
Scroll to a input on button click react native
Javascript React
0 vote322 views1 answer
Network display react native
Javascript React
2 votes298 views1 answer
This.setstate is not a function in react native
Javascript React
0 vote302 views1 answer
How disabled react-select
Javascript React
32 votes304 views2 answers
How to routing in react js
Javascript React
1 vote329 views1 answer
Get image url in react input file or preview form image
Javascript React
1 vote296 views1 answer
Module '"../../../node_modules/react-native"' has no exported member 'View'
Javascript React