Search code examples
imagexamarinxamarin.formsxamarin.androidtabbedpage

Xamarin image not showing in TabbedPage


I have an image of the name logout.png that I try to display in a Tabbedpage. But it shows me a big grey circle. And when I put it on another page, it appears without problem

    <NavigationPage Title="{Static properties:Resources.LabelLogout}" Icon="logout.png">
        <x:Arguments>
            <views:LogoutPage/>

        </x:Arguments>
    </NavigationPage>

enter image description here


Solution

  • You should use IconImageSource="logout.png" to set Icon for Tabbar , not Icon="logout.png" . Have a look at follow sample code :

    <TabbedPage xmlns="http://xamarin.com/schemas/2014/forms"
                xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
                xmlns:local="clr-namespace:TabbedPageWithNavigationPage;assembly=TabbedPageWithNavigationPage"
                x:Class="TabbedPageWithNavigationPage.MainPage">
        <local:TodayPage />
        <NavigationPage Title="Schedule" IconImageSource="schedule.png">
            <x:Arguments>
                <local:SchedulePage />
            </x:Arguments>
        </NavigationPage>
    </TabbedPage>
    

    enter image description here

    Here is an official sample project for reference .