Есть ли эффективный способ изменить значок боковой панели COLOR в NativeScript? (особенно iOS) - PullRequest
Новая
       5

Есть ли эффективный способ изменить значок боковой панели COLOR в NativeScript? (особенно iOS)

0 голосов
/ 08 января 2020

Я пытался применить стиль в 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 цвет кнопки?

1 Ответ

1 голос
/ 08 января 2020

Попробуйте установить iosIconRenderingMode в alwaysTemplate на панели действий, который должен превратить цвет значка в значение, указанное в CSS. 

<ActionBar iosIconRenderingMode="alwaysTemplate">
...