Реагируй на родной: Как стилизовать родной пикер (границы и стрелки)? - PullRequest
Новая
       4

Реагируй на родной: Как стилизовать родной пикер (границы и стрелки)?

1 голос
/ 17 января 2020

В документах нет информации о том, какие стили поддерживаются для Picker.

Я пытаюсь сделать Picker для компонентов вместе с TextInput, все мои попытки стилизовать Picker одинаково Я выполняю стиль TextInput Fail.

Поэтому я прошу вас помочь мне в стиле border , borderRaduis , borderWidth для средства выбора.

А может, Вы знаете, как настроить стрелку в Picker.

Упрощенная версия моего кода, см. Ниже: 

<View>
    <View>
        <Picker
            selectedValue={this.state.source}
            style={{
               // Styles here 
            }}
              onValueChange={(itemValue, itemIndex) =>
                  this.setState({ source: itemValue })
              }
        >
            <Picker.Item label="Item-1" value="item1" />
            <Picker.Item label="Item-2" value="item2" />
        </Picker>
    </View>
</View>

Спасибо за ваше внимание. Я с нетерпением жду вашего ответа.

1 Ответ

1 голос
/ 17 января 2020

Я надеюсь, что это сработает, чтобы дать вам границы выбора ... 

          <View style={{  alignItems: 'center', borderColor: 'black', borderWidth: 1, borderRadius: 5, width: '60%', backgroundColor: 'transparent'  }}>
              <Picker
                 selectedValue={this.state.source}
                 style={{
                   height: 30,width: "100%",
                    }}
                 onValueChange={(itemValue, itemIndex) =>
                     this.setState({ source: itemValue })
                    }
                >
               <Picker.Item label="Item-1" value="item1" />
               <Picker.Item label="Item-2" value="item2" />
           </Picker>
        </View>
...