reactjs - 选择器无法接受 borderRadius 表单样式

Question

我是 React Native 的新手。我需要一个从 file.js 读取的下拉列表。我使用的选择器如下:

<Picker
style={Commonstyles.dropdownStyle}
mode="dropdown"
selectedValue={this.state.PickerValueHolderCity}
onValueChange={(itemValue, itemIndex) => this.setState({PickerValueHolderCity: itemValue})}>
{ console.log("mydataxxx", mydata) && this.renderPickerItemsCity(mydata)}

</Picker>

一切对我来说都很好。我的问题是我需要应用具有灰色背景和曲线年龄的样式。但是，它只向我显示没有曲线边框的灰色背景。

我使用了以下样式:

  dropdownStyle: {
    //flex: 1,
    backgroundColor: '#ecf0f1',
    marginBottom: 7,
    padding: 7,
    alignSelf: "stretch",
    // Set border width.
    borderWidth: 1,
    // Set border Hex Color Code Here.
    borderColor: '#bdc3c7',
    // Set border Radius.
    borderRadius: 10 ,
    //  marginBottom: 10,
  },

您能帮我在选择器上应用以下样式吗？我应该提到的是，我的风格在我的文本框上效果很好。

Answer 1

将选择器放入 View 中

<View style={{borderRadius: 10, borderWidth: 1, borderColor: '#bdc3c7', overflow: 'hidden'}}>

并将选取器的宽度设置为 View 的宽度。