Question

如何更改TextInput中突出显示的文本颜色以及我在screenshot上指出的这些内容？

Answer 1

您可以在selectionColor上使用TextInput。参见documentation.

Answer 2

如果您想要文本选择指示器，可以将其从android / app / src / main / res / values / styles.xml更改

您可以here

检查它

Answer 3

将以下内容添加到 android/app/src/main/res/values/styles.xml

<resources>
    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
       <!-- Customize your theme here. -->
       <item name="colorControlActivated">@color/blue</item>
       <item name="android:textColorHighlight">@color/white</item>
    </style>
</resources>

colorControlActivated用于选择手柄，android:textColorHighlight用于突出显示文本的颜色。

别忘了在android/app/src/main/res/values/colors.xml中添加颜色：

<resources>
    <color name="white">#FFFFFF</color>
    <color name="blue">#00FFFF</color>
</resources>

更改文件后，添加尝试构建应用react-native run-android

Answer 4

更好的解决方案是改用EditText

EditText颜色受您colors.xml中colorAccent的影响

如果要手动更改颜色，可以在EditText .xml元素中设置其他属性：

 <EditText
    android:id="@+id/edit_text"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:ems="10"
    android:inputType="textPersonName"
    android:textColor="@color/colorPrimary"
    android:textColorHighlight="@color/colorAccent"
    android:text="Type here" />

或者甚至可以通过编程方式完成：

editText.setHighlightColor(getResources().getColor(R.color.colorPrimary));

我希望这会有所帮助。

如何在react-native中更改TextInput中的突出显示的文本颜色

4 个答案: