/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 vote112 views1 answer
How to link t settings react native ios
Javascript React
2 votes123 views1 answer
React Refused to execute inline script because it violates the following Content Security Policy directive
Javascript React
2 votes128 views1 answer
React native image source local file
Javascript React
1 vote116 views2 answers
This setstate previous state react
Javascript React
1 vote123 views2 answers
How to prevent render in react
Javascript React
1 vote133 views1 answer
@react-google-maps/api npm
Javascript React
1 vote125 views1 answer
React native slow performance after load iamges
Javascript React
0 vote118 views1 answer
Get started with datagrid in react js
Javascript React
0 vote124 views1 answer
Package path ./react is not exported from package next-auth
Javascript React
1 vote119 views1 answer
Font awesome react native icons
Javascript React