реагировать родной - android - Picker имеет подчеркивание

Возникла проблема со стилем Picker — он имеет подчеркивание, как TextInput на Android, но underlineColorAndroid = 'transparent' или любой другой цвет не работает. введите здесь описание изображения

Я использую Picker из NativeBase, и этот Picker заменяет ReactNative Picker. Итак, вот мой код. Я пробовал обернуть Item с помощью Input(NativeBase) или TextInput со свойством underlineColorAndroid, потому что только TextInput может иметь эту поддержку, но мне не повезло. Изменение стилей компонентов с помощью bottomBorderColor тоже не дает результата. Кто-нибудь может мне помочь?

          <View>
             <Form>
               <Item inlineLabel>
                 <Label>Region</Label>

                 <Picker
                   style={{ alignItems: 'flex-end', width: 200 }}
                   placeholder='...'
                  >
                    <Picker.Item label="..."/> //this first Item rendered as underlined
                 </Picker>
               </Item>
           </Form>
      </View>

person nastassia    schedule 03.10.2017    source источник
comment
поэтому каждый Item в Form имеет подчеркивание, и похоже, что есть 1 строка под Label и 2 строки под Picker   -  person nastassia    schedule 04.10.2017
comment
Подчеркивание должно действовать как разделитель элементов в Picker. Почему вы хотите убрать это подчеркивание?   -  person Wanda Ichsanul Isra    schedule 04.10.2017
comment
@wlisrausr, пожалуйста, посмотрите на изображение выше   -  person nastassia    schedule 04.10.2017
comment
О, хорошо. Итак, какую границу вы хотите удалить? Граница в Item или Picker?   -  person Wanda Ichsanul Isra    schedule 04.10.2017
comment
Граница @wlisrausr Пикера. На самом деле на iOS или Android более поздних версий, чем 4.4.3, нет двойных границ, только нижняя строка элемента формы.   -  person nastassia    schedule 05.10.2017
comment
Я сталкиваюсь с двойной границей. Один находится вверху, а другой внизу на платформе iOS.   -  person sejn    schedule 27.04.2020


Ответы (1)


Добавьте style={{borderColor:"transparent"}} к тегу <Item>.

         <View>
             <Form>
               <Item inlineLabel style={{borderColor: "transparent"}}>
                 <Label>Region</Label>

                 <Picker
                   style={{ alignItems: 'flex-end', width: 200 }}
                   placeholder='...'
                  >
                    <Picker.Item label="..."/> //this first Item rendered as underlined
                 </Picker>
               </Item>
           </Form>
      </View>
person Navneet kumar    schedule 06.01.2019