react native:有什么方法可以在选择器周围添加框架，让它看起来更漂亮？

Question

如何在选取器周围添加框架？在我的例子中，我试图在选择器周围做一个框架，让它看起来更漂亮，但我没有成功，我也不清楚为什么。我运行的是安卓系统，周围看不到框架

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>

Answer 1

尝试用如下所示的视图包装选择器

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

Answer 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/>