line separator with text in the center react native

Talented Tiger answered on January 12, 2021 Popularity 6/10 Helpfulness 4/10

answer line separator with text in the center react native

line separator with text in the center react native

Comment

Tip Talented Tiger 1 GREPCC

<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>

xxxxxxxxxx

<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>

Popularity 6/10 Helpfulness 4/10 Language javascript

Source: stackoverflow.com

Tags: center javascript line react-native separator text

Link to this answer
Share Copy Link

Contributed on Jan 12 2021

Talented Tiger

0 Answers Avg Quality 2/10

line separator with text in the center react native

Contents

More Related Answers

line separator with text in the center react native

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.