If padding is used in style, some text seems to be 'squeezed out'

[ziniuguo]

trafficstars

my code:

<ScrollView style={{paddingHorizontal: 30}}>
    /* some code*/
    {this.state.list.map((item, index) => (
        <BouncyCheckbox
            /* something */
            key={index}
            text={some very long text}
        />
    )}
</ScrollView>

If i write paddingHorizontal, the text will be squeezed out.

How to solve this problem

Thanks in advance!

[ziniuguo]

I added paddingRight: 30 (same value as the ScrollView one) in the style of BouncyCheckbox, it works. Although idk why.

[WrathChaos]

Hello @ziniuguo I've never used such a long text. I need to test it.