有没有一种有效的方法来改变 NativeScript 中的侧边抽屉图标颜色？（特别是iOS）

Question

我试图在 ActionBar 中应用一种样式，更改其背景和颜色。这就是 NativeScript 文档所说的它应该做的......但实际上当我尝试为这个图标添加样式时它没有得到我的颜色。

此外，如果我将标题添加到 ActionBar，它会继承我的风格并使用我选择的颜色呈现。

但行动项目并没有发生！

这是我的文件

<template>
    <ActionBar>
        <NavigationButton ios:visibility="collapsed" icon="res://menu" @tap="onDrawerButtonTap" />
        <ActionItem icon="res://menu" 
            android:visibility="collapsed" 
            @tap="onDrawerButtonTap"
            ios.position="left">
        </ActionItem>
        <Image class="logo" src="~/images/logo.png"></Image>  
    </ActionBar>
</template>

<script>
import * as utils from "~/helpers/utils";

export default {
    data(){
        return {

        };
    },

    methods: {
        onDrawerButtonTap() {
            utils.showDrawer();
        },
    }
}
</script>

<style lang="scss" scoped>

    @import '../../_app-variables.scss';

    ActionBar {
        background-color: #c3c3c3;
        color: $primary;
    }

</style>

是否有有效方法来更改此 sideDrawer 按钮颜色？

Answer 1

尝试在 ActionBar 上将 iosIconRenderingMode 设置为 alwaysTemplate，这应该会将图标颜色变为 CSS 中指定的颜色。

<ActionBar iosIconRenderingMode="alwaysTemplate">

有没有一种有效的方法来改变 NativeScript 中的侧边抽屉图标颜色？（特别是iOS）

Is there an effective way to change side drawer icon COLOR in NativeScript? (specially iOS)

ios

nativescript

nativescript-vue

有没有一种有效的方法来改变 NativeScript 中的侧边抽屉图标颜色？ （特别是iOS）

Is there an effective way to change side drawer icon COLOR in NativeScript? (specially iOS)

ios

nativescript

nativescript-vue

有没有一种有效的方法来改变 NativeScript 中的侧边抽屉图标颜色？（特别是iOS）