Удаленное изображение на NavigationButton в Nativescript / Angular - PullRequest
Новая
       14

Удаленное изображение на NavigationButton в Nativescript / Angular

0 голосов
/ 26 июня 2019

Я хочу поместить аватар пользователя слева от заголовка моего приложения. Он отлично работает в IOS, но не работает в Android. Я пытался сделать это: 

    <NavigationButton [icon]="customImage" color="#a81b38" (tap)="toggleSideDrawer()" *ngIf="isAndroid">
        <StackLayout verticalAlignment="center">
            <Label id="avatarImg" height="45" width="45" borderRadius="50" backgroundColor="#eeeeee"></Label>
        </StackLayout>
    </NavigationButton>

но я получаю ошибку во время компиляции. Пользовательское изображение - это удаленное изображение (https://myimage),, но Android ищет локальные файловые ресурсы.

Итак, я удалил значок и поместил изображение внутрь, пытаясь это: 

 <NavigationButton color="#a81b38" (tap)="toggleSideDrawer()" *ngIf="isAndroid">
    <StackLayout verticalAlignment="center">
        <Label [style.background-image]="customImage" style.background-position="center"
            style.background-size="cover" class="avatarImage" height="30" width="30" borderRadius="50"
            backgroundColor="#eeeeee"></Label>
    </StackLayout>
</NavigationButton>

Я не получаю никакой ошибки, но ничего не вижу в заголовке, все белое. Я пытался также использовать вместо, но тот же вопрос

1 Ответ

0 голосов
/ 08 июля 2019

Вы можете попробовать удалить <NavigationButton> для Android и поместить <StackLayout> прямо в <ActionBar> с horizontalAlignment, установленным в 'left' 

<ActionBar>
  <StackLayout *ngIf="isAndroid" horizontalAlignment="left" verticalAlignment="center">
    <Label [style.background-image]="customImage" style.background-position="center"
            style.background-size="cover" class="avatarImage" height="30" width="30" borderRadius="50"
            backgroundColor="#eeeeee"></Label>
  </StackLayout>
</ActionBar>
...