nativescriptnativescript-vue

Image not showing in ActionBar on Android


I'm trying to put our logo as an image in the ActionBar. I have an icon as my navigation and it shows but the image will not.

The drawer icon is showing fine and is in the location as the logo image.

      <android>
        <NavigationButton icon="res://drawer" @tap="toggleDrawer()" />
        <Image src="res://myimage" stretch="none"></Image>
      </android>

      <ios>
        <NavigationButton visibility="hidden"></NavigationButton>
        <ActionItem icon="res://drawer" ios.position="left" @tap="toggleDrawer()" />
        <Image src="res://myimage"></Image>
      </ios>
    </ActionBar>

iOS displays the image but Android does not. On Android, myimage is in the same location as drawer which is displaying.


Solution

  • Putting Image inside a Layout will help.