Блог

Главная - Вопросы по программированию - react native: как добавить рамку вокруг средства выбора, чтобы оно выглядело красиво?

react native: как добавить рамку вокруг средства выбора, чтобы оно выглядело красиво?

#javascript #reactjs #react-native

#javascript #reactjs #react-native

Вопрос:

Как добавить рамку вокруг средства выбора? В моем примере я пытаюсь создать рамку вокруг средства выбора, чтобы оно выглядело красиво, но у меня не получается, и мне непонятно почему. Я работаю с Android и не вижу рамки вокруг

 import { Picker } from '@react-native-community/picker';


<Picker
          mode="dropdown"
          //pickerStyleType={}
          selectedValue={selectedValue}
          style={{
            color: 'black',
            placeholderTextColor: 'black',
            borderColor: 'black',
            borderWidth: 3,
            height: 50,
            width: 150,
            justifyContent: 'flex-end',
          }}
          onValueChange={(itemValue, itemIndex) => setSelectedValue(itemValue)}
        >
          <Picker.Item label="1" value="1" />
          <Picker.Item label="2" value="2" />
          <Picker.Item label="3" value="3" />
        </Picker>

Ответ №1:

Попробуйте обернуть свое средство выбора в виде, подобном этому

 <View style={ { borderWidth: 1 } }></View>

Ответ №2:

 <View style={{borderWidth:1}}>
  <Picker
          mode="dropdown"
          selectedValue={selectedValue}
          style={{
            height: 50,
            width: 150,
          }}
          onValueChange={(itemValue, itemIndex) => setSelectedValue(itemValue)}
        >
          <Picker.Item label="1" value="1" />
          <Picker.Item label="2" value="2" />
          <Picker.Item label="3" value="3" />
   </Picker>

<View/>

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

1. Пожалуйста, не публикуйте только код в качестве ответа, но также предоставьте объяснение того, что делает ваш код и как он решает проблему вопроса. Ответы с объяснением обычно более полезны и более высокого качества, и с большей вероятностью получат положительные отзывы.

2. Вы можете обернуть средство выбора видом, чтобы стили границы могли применяться к этому виду