Как изменить размер изображения на ActionBar для iOS - PullRequest
Новая
       13

Как изменить размер изображения на ActionBar для iOS

0 голосов
/ 25 сентября 2018

У меня есть следующий код для ActionBar 

<ActionBar title="" class="action-bar">
    <NavigationButton
        (tap)="toggleDrawer()"
        class="action-bar-item"
        ios:visibility="collapsed" 
        icon="res://menu">
    </NavigationButton>
    <ActionItem 
        icon="res://menu" 
        android:visibility="collapsed" 
        (tap)="toggleDrawer()" 
        ios.position="left">
    </ActionItem>
    <StackLayout class="action-item" android:horizontalAlignment="center" ios:horizontalAlignment="center">
        <Image src="res://ideas_wt_full" width="60%" height="60%" [visibility]="android ? 'visible' : 'collapsed'"></Image>
        <Image src="res://ideas_wt_full" width="30%" height="30%" stretch="aspectFill" [visibility]="!android ? 'visible' : 'collapsed'"></Image>
    </StackLayout>
    <ActionItem android.systemIcon="ic_menu_search" ios.systemIcon="12" ios.position="right"></ActionItem>
</ActionBar>

Все хорошо на Android, но на iOS изображение отображается в полном разрешении, поэтому оно настолько велико для ActionBar.

Любая помощь приветствуется !!

1 Ответ

0 голосов
/ 25 сентября 2018

Я исправил проблему, установив фиксированные значения ширины и высоты.Поэтому я создал класс для изображения и установил эти свойства в CSS.Кроме того, мне пришлось быть осторожным с высотой на iOS, потому что из-за ограничений со стилями ActionBar она не меняет высоту панели действий, и мне нужно было установить высоту 80px.

...