/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

15 votes205 views1 answer
React forwardref
Javascript React
0 vote263 views1 answer
React prevent form submission on enter key press inside inputs
Javascript React
1 vote206 views1 answer
React setup for handling UI.
Javascript React
1 vote159 views1 answer
Functions inside class component react
Javascript React
4 votes278 views1 answer
How to use font awewsome in react app
Javascript React
0 vote235 views1 answer
Font awesome react share faShare
Javascript React
20 votes211 views6 answers
Useeffect react example
Javascript React
4 votes228 views2 answers
How to skip the undefined values from the list and filter the rest of the data in react js
Javascript React
0 vote217 views3 answers
Unexpected template string expression no-template-curly-in-string react
Javascript React
0 vote199 views1 answer
Create app with a specific react version
Javascript React