Javascript react native：如何在选择器周围添加框架以使其看起来更漂亮？

如何在选择器周围添加框架？ 在我的示例中，我试图在选择器周围制作一个框架，使其看起来很漂亮，但我没有成功，也不清楚为什么。 我用安卓系统运行，周围看不到画面

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>

从'@react native community/Picker'导入{Picker}；
setSelectedValue（itemValue）}
>

尝试用这样的视图包装您的选择器

setSelectedValue（itemValue）}
>

请不要只发布代码作为答案，还要解释代码的作用以及如何解决问题。带有解释的答案通常更有帮助，质量更好，并且更有可能吸引选票。您可以使用带有视图的选择器进行包装，以便边框样式可以应用于该视图

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