React Native(Expo)TextInput:选择Android提供的建议时会更改样式

cunj1qz1  于 2023-04-07  发布在  React
关注(0)|答案(1)|浏览(172)

寻找这个问题的解决方案,因为2天和互联网没有为我提供一个解决方案,为我的第一次生活,所以这是我的第一个帖子上StackOverflow:)
因此,我正在使用Expo(3.4.1)构建一个react-native(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首先按预期显示,当我手动填充(键入我的电子邮件地址)时没有问题。
但是,当我选择一个Android建议时,TextInput样式发生了变化(颜色变为浅黄色,backgroundColor变为黄色/绿色,borderColor变为橙子),这有点难看:/。
看起来行为与标准CSS中的-webkit-text-fill-color相同,但在RN中找不到对应的行为。
谢谢你的帮助:)

ttp71kqs

ttp71kqs1#

https://developer.android.com/guide/topics/text/autofill-optimize#highlighted
您可以使用android xml文件自定义样式。更多详情请参阅此处。

相关问题