/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 vote301 views1 answer
React yup password with number string and uppercase
Javascript React
0 vote117 views1 answer
Get status bar height react native
Javascript React
0 vote114 views1 answer
React native header height
Javascript React
0 vote141 views1 answer
React native flexbox 2 columns 1 fixed width
Javascript React
0 vote107 views1 answer
How to change background image dynamically in react
Javascript React
-1 vote187 views2 answers
React native scaling font
Javascript React
0 vote110 views1 answer
CChartpie react
Javascript React
1 vote109 views1 answer
Bootstrap icons react
Javascript React
0 vote112 views1 answer
React 1 to 10 rating
Javascript React
0 vote113 views1 answer
React clone element
Javascript React