react-native - 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>

如果我使用 value=""，那么它将国家显示为可选值，这是我不想要的。

textDecorationLine无法将下划线样式设置为选取器。

基本上，我正在寻找创造这样的东西，



在哪里，我也可以设置占位符的颜色。

谢谢你的建议。

Answer 1

Picker 和 Picker 项目的样式在 Android 上本地处理。您需要在 android/app/src/res/styles.xml 中为 Android 的 SpinnerItem 定义样式见:How to style the standard react-native android picker?

我试图测试下划线，但似乎找不到任何有效的方法。这里有几个解决方法 Android spinner with underline appcompat

但是，我会简单地使用 react native 的组件来发挥我们的优势。我将创建一个包装 React Native 的 Picker 的新组件，并将选择器放在具有下划线样式的 View 中，如果 Picker 的值未定义，则该样式呈现占位符。