Nativescript-vue: как изменить цвет указателя даты? - PullRequest
Новая
       1

Nativescript-vue: как изменить цвет указателя даты?

3 голосов
/ 04 апреля 2019

На моей странице настроек, файл Settings.vue, у меня есть DatePicker

<template>
  <Page>
    <DatePicker/>
 </Page>
</template>

Мне нужно изменить стиль по умолчанию.

Примечание: на самом деле я работаю специально для Android, но, пожалуйста, ответьте, помните, что мне нужны одинаковые цвета как для Android, так и для iOS; спасибо,

Я пытался (в файле app.scss 

Datepicker {
  color: white;
}

Безуспешно, как вы можете видеть, мой эмулятор Android использует почти черный цвет.

enter image description here

Следуя этому руководству , я изменил colors.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="ns_primary">#577eac</color>
    <color name="ns_primaryDark">#577eac</color>
    <color name="ns_accent">#ffffff</color>
    <color name="ns_blue">#272734</color>
</resources>

Потом я сменил styles.xml

<style name="AppTheme" parent="AppThemeBase">
    <item name="android:datePickerStyle">@style/SpinnerDatePicker</item>
</style>

<style name="SpinnerDatePicker" parent="android:Widget.Material.Light.DatePicker">
    <item name="android:datePickerMode">spinner</item>
    <item name="colorPrimary">@color/ns_primary</item>
    <item name="colorPrimaryDark">@color/ns_primaryDark</item>
    <item name="colorAccent">@color/ns_accent</item>
</style>

Примечание: я указал, что хочу блесну, но я думаю, что это фактически значение по умолчанию.

Я сделал пробежку 

tns debug --hmr --clean

Проблема: на самом деле, андроид DatePicker по-прежнему отображается с использованием цветов по умолчанию, без моих основных или акцентных цветов, как определено.

Аналогичный вопрос:

...