Как изменить ширину курсора в React родного TextInput?

Question

Я хочу сделать мигающий курсор тонким в TextInput, как это сделать? Нормальная ширина как 3px, я хочу, чтобы она была 1px.

Answer 1

Для android вы можете выполнить следующие шаги:

шаг 1: создать editext_cursor. xml и поместить его в каталог res-> drawable.

android/app/src/main/res/drawable/editext_cursor.xml

шаг 2: внутри editext_cursor. xml вставьте это:

    <shape xmlns:android="http://schemas.android.com/apk/res/android"
        android:shape="rectangle">
        <size android:width="1dip" />
        <solid android:color="#010101" />
    </shape>

и здесь вы можете изменить ширину на любую, какую захотите.

шаг 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="android:textColor">#000000</item>

        <item name="android:textCursorDrawable">@drawable/editext_cursor</item> <-- add this

    </style>

</resources>

шаг 4: перестройте приложение