反应原生:如何风格化原生拾取器(边框和箭头)?

Question

在文档中，没有关于Picker支持哪些样式的信息。

---

我试图使组件与 TextInput 一起成为 Picker，我所有尝试以与 TextInput 样式相同的方式设置选取器样式的尝试都失败了。

所以我请你帮我设置边框的样式，borderRaduis，borderWidth为Picker。

也许您知道如何在 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>

感谢您的关注。我期待您的回复。

Answer 1

我希望它能给你选择器边框......

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