React Native (Expo) TextInput：选择 Android 提供的建议时样式会发生变化

Question

2 天以来一直在寻找这个问题的解决方案，而互联网并没有为我提供解决方案，这是我有生以来第一次，所以这是我在 Whosebug 上的第一个 post:)

因此，我正在使用 Expo (3.4.1) 构建一个反应本机 (0.59.8) 应用程序，使用 Android 9.1.

进行测试

我有一个看起来像这样的电子邮件 TextInput :

const style = {
  backgroundColor: '#181818',
  color: '#fafafa',
  width: '100%',
  borderColor: $primary,
  borderWidth: 1,
  borderRadius: 4,
  marginBottom: 16,
  padding: 8,
};

return (
  <TextInput
    placeholder="Email"
    keyboardType="email-address"
    autoCompleteType="email"
    style={style.input}
    autoCorrect={false}
    selectionColor={$primary}
  />
);

TextInput 首先按预期显示，当我手动填写（输入我的电子邮件地址）时没有问题。

但是，当我select一个Android的建议时，TextInput样式改变了（颜色变成浅黄色，背景颜色变成yellow/green，边框颜色变成橙色）有点难看:/.

看起来行为与标准 CSS 中的 -webkit-text-fill-color 相同，但在 RN 中找不到对应的行为。

感谢您的帮助:)

Answer 1

https://developer.android.com/guide/topics/text/autofill-optimize#highlighted

您可以使用 android xml 文件自定义样式。详情请见此处。