reactjs - 如何使 TextInput 中的 selectionColor 属性透明？

Question

我正在尝试为 TextInput 自定义我的光标和选择颜色。在 iOS 上，更改颜色效果很好，所选颜色会显得更浅且易于阅读。然而，在 Android 上，颜色完全按照它所写的那样显示，考虑到我的文本是黑色以及我的选择颜色，这是一个大问题。

我可以轻松地只使用三元运算并在 iOS 和 Android 之间更改它，但是我需要光标颜色相同并且它为它们都使用给定的颜色。另一种方法可能是在选中文本时更改文本颜色，但是选中的文本似乎不是我可以使用的状态。

<TextInput
  selectionColor='#000000'
/>

https://imgur.com/a/GfgGPmz

最上面的图片是我想要的，也是 iOS 上发生的情况。底部图片是我在 Android 上得到的。

Answer 1

您需要为 Android 显式传递具有 alpha 值的颜色以使其透明。

如果您使用 rgba 颜色设置 selectionColor，那么您应该会得到想要的结果。

selectionColor='rgba(0, 0, 0, 0.5)'

您可以在此处阅读更多有关 react-native 可以处理的不同颜色及其选项的信息 https://facebook.github.io/react-native/docs/colors