Nativescript-vue:如何更改日期选择器颜色?

时间:2019-04-04 09:54:14

标签: nativescript-vue

在我的设置页面中,一个Settings.vue文件是我的DatePicker

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

我需要更改默认样式。

  

注意:实际上我实际上是在Android上工作,但是请记住我在Android和iO上都需要相同的颜色;请记住。谢谢,

我尝试过(在app.scss文件中

Datepicker {
  color: white;
}

没有成功,如您所见,我的android模拟器使用的是近黑色。

enter image description here

this guide之后,我更改了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

问题:实际上,Android DatePicker仍使用默认颜色渲染,没有我定义的原色或强调色。

类似的问题:

0 个答案:

没有答案