如何设置选择器的边框

Question

我有来自“ react-native ”的选择器。Picker.Item 有：“星期一、星期二、星期三等”。

我想设置选择器的属性，例如borderRadius:10

甚至style={{borderRadius:30}}没有帮助。

<Picker
        style={styles.pickerStyle}
        tvParallaxTiltAngle
        selectedValue={this.props.shift}
        onValueChange={value => this.props.employeeUpdate({ prop: 
    'shift', value })}
      >
        <Picker.Item color="#A4A4A5" label="Monday" value="Monday" 
     />
        <Picker.Item color="#A4A4A5" label="Thuesday" 
    value="Thuesday" />
        <Picker.Item color="#A4A4A5" label="Wednesdady" 
    value="Wednesdady" />
        <Picker.Item color="#A4A4A5" label="Thursday" 
    value="Thursday" />
        <Picker.Item color="#A4A4A5" label="Friday" value="Friday" 
    />
        <Picker.Item color="#A4A4A5" label="Saturday" 
    value="Saturday" />
        <Picker.Item color="#A4A4A5" label="Sunday" value="Sunday" 
    />
</Picker>

Answer 1

你可以像这样把你的<Picker>里面包裹起来<View>：

<View
  style={{flex: 1,
  justifyContent: 'center',
  alignItems: 'center',
  alignSelf: 'stretch',
  borderWidth: 1,
  borderRadius: 10
}}>
    <Picker>
        ...
    </Picker>
</View>