React Native Picker样式 - ANDROID

Question

我正在尝试为react-native选择器添加一些样式,比如底层和设置占位符,但无法这样做.

const styles = StyleSheet.create({
  picker: {
    textDecorationLine: 'underline'
  }
});

<Picker
   style={[styles.picker]}>
   <Picker.Item label="Country" value="" />
   <Picker.Item label="United States" value="US" />
   <Picker.Item label="India" value="IN" />
</Picker>

1. 如果我使用value ="",那么它将country显示为可选值,这是我不想要的.
2. textDecorationLine 无法将下划线样式设置为选取器.

基本上,我希望创建这样的东西,

在哪里,我也可以设置占位符的颜色.

谢谢你.

Answer 1

Picker和Picker项目的样式在Android上原生处理.你需要为Android的SpinnerItem定义样式,android/app/src/res/styles.xml请参阅:如何设置标准的react-native android picker的样式？

我试图测试下划线但似乎找不到任何有用的东西.以下是Android spinner的下划线appcompat的几个变通方法

但是,我会简单地使用react native的组件来获得优势.我将创建一个包含React Native的Picker的新组件,并将选择器放在View中,如果Picker的值未定义,则使用下划线样式呈现占位符.