Forum Cross Platform with Xamarin

shell flyhout header template

Curious if someone can tell me how to size the header template....I followed the online example in the tutorials using AspectFill but in IOS the image does not show up....but in Android it does.

Answers

  • ColeXColeX Member, Xamarin Team Xamurai
    edited January 28

    Test shell flyhout header with Xamarin.Forms 4.8.x and 5.x , the image shows as expected on iOS .

    The code copy from official docs

        <Shell.FlyoutHeaderTemplate>
            <DataTemplate>
                <Grid BackgroundColor="Black"
                  HeightRequest="200">
                    <Image Aspect="AspectFill"
                       Source="xamarinstore.jpg"
                       Opacity="0.6" />
                    <Label Text="Animals"
                       TextColor="White"
                       FontAttributes="Bold"
                       HorizontalTextAlignment="Center"
                       VerticalTextAlignment="Center" />
                </Grid>
            </DataTemplate>
        </Shell.FlyoutHeaderTemplate>
    
        <Shell.FlyoutHeader>
            <controls:FlyoutHeader />
        </Shell.FlyoutHeader>
    

    Please check if the image exists in Resources folder or in Asset in iOS project .


    Xamarin forums are migrating to a new home on Microsoft Q&A!
    We invite you to post new questions in the Xamarin forums’ new home on Microsoft Q&A!
    For more information, please refer to this sticky post.

  • sisaackssisaacks Member ✭✭✭✭

    @ColeX I know...i have that code....but it renders one way on Android and another way on IOS

  • ColeXColeX Member, Xamarin Team Xamurai

    Could you provide the screenshot on iOS ?

Sign In or Register to comment.