Верхняя половина меток большего размера обрезается в react-native-simple-radio-button

#css #react-native #radio-button

#css #react-native #переключатель

Вопрос:

Я использую пакет react-native-simple-radio-button. Если я укажу размер шрифта для метки больше 22, верхняя половина будет обрезана. Кажется, что увеличение радиокнопок еще больше не имеет значения.

Вот мой код:

 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>
 

Этот код дает следующие результаты:

введите описание изображения здесь

Я что-то делаю неправильно или это ошибка в react-native-simple-radio-button модуле?

Комментарии:

1. Попробуйте использовать labelWrapStyle и добавить в него определенную высоту

Ответ №1:

Добавление отступов к началу сработало для меня

 labelStyle={{
     fontSize: 30,
     paddingTop: 6                
}}