moschan / react-native-simple-radio-button

Simple and handy animated radio button component for React Native
MIT License
453 stars 130 forks source link

Label gets cut off for fontSize > 22 #154

Open kojow7 opened 3 years ago

kojow7 commented 3 years ago

If I specify a fontSize for the label greater than 22, the top half gets cut off. Making the radio buttons even bigger does not seem to make a difference.

Here is my code:

let radio_props = [
        {label: 'ABC         ', value: 0},
        {label: 'DEF', value: 1}
]

let menu = <View style={{marginLeft: 40, marginTop: 40}}>
         <RadioForm
             radio_props = {radio_props}
             buttonSize = {40}
             buttonOuterSize={60}
             labelStyle = {{fontSize: 30}}
             initial={this.state.mode}
             formHorizontal={true}
             onPress={(value) => this.onPress(value)}
           />
</View>

A screenshot of what I am seeing:

Screen Shot 2020-11-28 at 10 21 45 AM