javascript - React-native 如何设置 PickerItems，如文本颜色、字体大小等，

Question

我有来自“react-native”的选择器。 Picker.Item 有:“星期一、星期二、星期三等”。我想设置文本属性。如 fontSize:20、color:"red"等

在 Picker 组件中我们可以使用样式。但我无法更改文本的属性。我也尝试使用 ItemStyle={{color:"red"}}。但没有任何改变

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

Answer 1

正如文档所说，itemStyle仅适用于 iOS，并且必须在全局 Picker 组件上使用，例如:<Picker itemStyle={styles.pickerItemStyle} .

我很确定使用经典的react-native Picker您只能使用 Prop color 更改项目的颜色。 这些是 Picker.item 中唯一可用的 Prop 。正如 react native 文档所说:https://facebook.github.io/react-native/docs/picker-item