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