React-native android Styling textInput

Nis*_*kar 14 javascript react-native

有没有办法在react-native android中设置textInput的样式?喜欢在选择时更改underlineColor和光标颜色?

Kio*_*tch 22

从React Native版本0.21开始,仍无法通过视图道具设置光标颜色的样式.我通过向我的应用主题添加自定义样式来成功设置了光标颜色的样式.

您将要将此代码放在styles.xml文件中,该文件位于您的React项目的android文件夹中,位于android/app/src/main/res/values/styles.xml.

<resources>
    <style name="AppTheme" parent="Theme.AppCompat.Light">
        <!-- typical material style colors --> 
        <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>
</resources>
Run Code Online (Sandbox Code Playgroud)

请注意,此样式是全局样式,并将为TextInputReact Native应用程序中的所有Android 视图设置光标颜色.

  • 很好的解决方案,你救了我!! 谢谢 :) (2认同)