Реагировать на собственный ввод текста Android-курсор / цвет каретки и текста - PullRequest
Новая
       30

Реагировать на собственный ввод текста Android-курсор / цвет каретки и текста

0 голосов
/ 17 мая 2018

Я борюсь с компонентом React Native Text Input и не могу найти способ изменить цвет курсора и индикаторы выделения текста на Android.

В официальной документации указывается только реквизит для выбранного цвета (выделенный фон текста).

Есть ли способ сделать это, не меняя его глобально? И если это глобальное изменение - это верный способ сделать это, каков наилучший способ сделать это? Изменить это в styles.xml? React-Native падает, когда я пытаюсь это изменить.

Ответы [ 2 ]

0 голосов
/ 27 февраля 2019

Ответ Годвина помог мне, но мне пришлось запустить его потом 

cd android
./gradlew clean
cd ..
react-native run-android

, потому что сборка выдаст эту ошибку Failed to capture snapshot of output files for task ':app:processDebugResources' property 'sourceOutputDir' during up-to-date check

Источник

0 голосов
/ 21 мая 2018

Мы можем изменить его для Android в файле styles.xml, расположенном по адресу android/app/src/main/res/values/styles.xml

Но перед этим лучше остановить сервер NodeJS, а затем внести следующие изменения 

<resources>
    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">

        <!-- Customize your theme here. -->
        <item name="colorControlActivated">@android:color/white</item>
    </style>

</resources>

Вы также можете добавить пользовательские шестнадцатеричные цветовые коды, добавив файл colors.xml в тот же каталог со следующим кодом. 

<resources>
    <color name="primaryRed">#EB1E27</color>
</resources>

Затем в своем файле styles.xml вы можете ссылаться на этот цвет с помощью @color/primaryRed,Что будет выглядеть примерно так: 

<resources>
    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">

        <!-- Customize your theme here. -->
        <item name="colorControlActivated">@color/primaryRed</item>
    </style>
</resources>

После того, как это будет сделано, рекомендуется пересобрать проект с помощью Android studio, если сборка прошла успешно, вы можете запустить react-native run-android.

...