title: How to resize an image on ActionBar for iOS
body: <p>I have the following code for the ActionBar</p>
  
  <pre><code>&lt;ActionBar title="" class="action-bar"&gt;
      &lt;NavigationButton
          (tap)="toggleDrawer()"
          class="action-bar-item"
          ios:visibility="collapsed" 
          icon="res://menu"&gt;
      &lt;/NavigationButton&gt;
      &lt;ActionItem 
          icon="res://menu" 
          android:visibility="collapsed" 
          (tap)="toggleDrawer()" 
          ios.position="left"&gt;
      &lt;/ActionItem&gt;
      &lt;StackLayout class="action-item" android:horizontalAlignment="center" ios:horizontalAlignment="center"&gt;
          &lt;Image src="res://ideas_wt_full" width="60%" height="60%" [visibility]="android ? 'visible' : 'collapsed'"&gt;&lt;/Image&gt;
          &lt;Image src="res://ideas_wt_full" width="30%" height="30%" stretch="aspectFill" [visibility]="!android ? 'visible' : 'collapsed'"&gt;&lt;/Image&gt;
      &lt;/StackLayout&gt;
      &lt;ActionItem android.systemIcon="ic_menu_search" ios.systemIcon="12" ios.position="right"&gt;&lt;/ActionItem&gt;
  &lt;/ActionBar&gt;
  </code></pre>
  
  <p>Everything is fine on Android, but on iOS the image is showing in full resolution so it’s so big for the ActionBar.</p>
  
  <p>Any help is appreciated!!</p>