Forum Xamarin.Forms
We are excited to announce that the Xamarin Forums are moving to the new Microsoft Q&A experience. Q&A is the home for technical questions and answers at across all products at Microsoft now including Xamarin!

We encourage you to head over to Microsoft Q&A for .NET for posting new questions and get involved today.

shell design result in android and ios are different?

SoniaDevRootSoniaDevRoot Member ✭✭
edited March 2019 in Xamarin.Forms

I'm trying out shell for xamarin4, it works just fine but the view is totally different from Ios and Android: here is tyhe code:

<Shell xmlns=""
            <Style x:Key="BaseStyle" TargetType="Element">
                <!--does not affect -->
                <Setter Property="Shell.ShellTabBarUnselectedColor" Value="Green" />
                <!--does not affect -->
                <Setter Property="Shell.ShellTitleColor" Value="Red" />
                <!--For the header-->
                <Setter Property="Shell.ShellBackgroundColor" Value="Yellow" />
                <!--For the bottom tab-->
                <Setter Property="Shell.ShellTabBarBackgroundColor" Value="SandyBrown" />
    <ShellItem Route="tabs"
               Style="{StaticResource BaseStyle}"
               Title="Bottom Tab Sample">
        <ShellSection Route="homeTab" Icon="Home.png">
            <ShellContent Route="homeContent" x:Name="home">
        <ShellSection Route="details" Icon="category.png">
            <ShellContent Route="detailTicket" x:Name="details">
        <ShellSection Route="Cart" Icon="ticket.png">
            <ShellContent Route="TicketsList" x:Name="tickets">
        <ShellSection Route="Profile" Icon="account.png">
            <ShellContent Route="ContentProfile" x:Name="profile">

and here is the android result:

and here is the ios result:

does anyone test this one, or should I report this as a bug ?


  • JarvanJarvan Member, Xamarin Team Xamurai

    IOS and Android share the code , but each of them has respective UI Layer. The different views between two images above may come from platform rather than Shell.

    Refer to

  • SoniaDevRootSoniaDevRoot Member ✭✭

    @yelinzh I understand this, but shouldn't a property do the same thing in android and ios? for example if I give "Shell.ShellTabBarUnselectedColor" the value green, it should be taken on consideration in android and ios, but it's not. because for exemple in frame if I gave the backgroudColor the value green it's the same in android and ios.

  • SoniaDevRootSoniaDevRoot Member ✭✭

    ok here what i could do to make the them a little bit similar this is the code

    this is the result android:

    and this is the result ios

    my only concern now is that Im trying to have the header background and the footer background color different , it's possible in android using this

    but unfortunately it doesn't work with the ios.

Sign In or Register to comment.