Picker无法接受borderRadius表单样式

Question

我是新的反应本地人.我需要一个从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

将您的Picker放入View中

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

并将Picker的宽度设置为View的宽度.