Question

阅读React Native文档后，我了解到使用了selectionColor来更改光标的颜色，而不是android系统的主要默认颜色。

所以我尝试了以下操作：

<TextInput selectionColor="#2E5BFF" {...props} autoCapitalize="none" autoCorrect={false} />

问题是，在android设备上，它仍然获得android的绿色默认颜色，在仿真器上仍显示为#2E5BFF颜色。我的android设备都有android P。

是否存在任何已知的错误，或者我在这里做错了什么？

编辑

我正在使用Expo SDK 32.0.0

Answer 1

您可以在colorControlActivated文件中设置styles.xml。

<style name="AppTheme" parent="Theme.AppCompat.Light">
    <item name="colorPrimary">@color/kio_turquoise</item>
    <item name="colorPrimaryDark">@color/kio_hot_pink</item>

    <!-- sets cursor color -->
    <item name="colorControlActivated">@android:color/black</item>
 </style>

因为该应用程序的主干是本机android应用程序。有关更多信息，请参考本文。这是非常有帮助的。

React native on android styling the cursor

Answer 2

    <TextInput 
   selectionColor={global.COLOR.DARKBLUE}
   underlineColorAndroid={global.COLOR.ORANGE}
  autoCapitalize="none" autoCorrect={false} />

您可以尝试

TextInput selectionColor属性在Android上没有更改颜色

2 个答案: