如何使TextInput中的selectionColor道具透明?

时间:2019-01-25 15:16:18

标签: reactjs react-native

我正在尝试为TextInput自定义光标和选择颜色。在iOS上,更改颜色会很好,并且所选颜色将显得更浅且易于阅读。但是,在Android上,颜色正好像书写时一样通过,考虑到我的文字和选择的颜色都是黑色,这是一个很大的问题。

我可以轻松地使用三元运算并在iOS和Android之间进行更改,但是我需要光标颜色相同,并且它们都使用给定的颜色。另一种选择也可以是在选择文本时更改其颜色,但是所选文本似乎不是我可以使用的状态。

<TextInput
  selectionColor='#000000'
/>

https://imgur.com/a/GfgGPmz

最上面的图像就是我想要的,也是iOS上发生的事情。底部图像是我在Android上看到的图像。

1 个答案:

答案 0 :(得分:1)

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

如果使用rgba颜色设置selectionColor,则应该获得所需的结果。

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

selection highlighted in android

您可以在https://facebook.github.io/react-native/docs/colors

上详细了解react-native可以处理的不同颜色及其选项。