locked
Xamarin Forms: Footer image is not displaying fully RRS feed

  • Question

  • User351573 posted

    In my login UI, I have a footer image, which is showing perfectly in small devices. But on big screen devices (mainly on iPad) it is not showing fully. I tried all Aspect property of Image, but not worked. Screenshot:

    I try a lot to fix this but didn't get a solution. Attaching the LoginPage.xaml file with this question. Please suggest a solution for this issue. :)

    Wednesday, November 6, 2019 6:54 AM

Answers

  • User369978 posted

    If problem fixed :https://stackoverflow.com/a/58744325/8187800 , please finish the thread (accept as answered).

    • Marked as answer by Anonymous Thursday, June 3, 2021 12:00 AM
    Thursday, November 7, 2019 8:50 AM

All replies

  • User3516 posted

    What does it look like when you move the footer image into its own grid row instead of adding it to the end of your StackLayout at Grid.Row=0?

    <ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
                 xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
                 BackgroundColor="#c0eefb"
                 BackgroundImageSource="ic_skyblue_bg_xx.png"
                 xmlns:ios="clr-namespace:Xamarin.Forms.PlatformConfiguration.iOSSpecific;assembly=Xamarin.Forms.Core"
                 ios:Page.UseSafeArea="true"
                 xmlns:local="clr-namespace:CatholicBrain.Renderer"
                 x:Class="CatholicBrain.LoginPage">
    
        <ContentPage.Content>
            <Grid>
                <Grid.RowDefinitions>
                    <RowDefinition Height="*" />
                    <RowDefinition Height="Auto" />
                </Grid.RowDefinitions>
    
                <Image Grid.Row="0" Source="ic_skyblue_bg_xx.png"/>
    
                <StackLayout 
                    Grid.Row="0"
                    BackgroundColor="#c0eefb"
                    Orientation="Vertical">
    
                    <StackLayout 
                        Orientation="Vertical">
                        ...
    
                    </StackLayout>
    
                </StackLayout>
    
                <StackLayout Grid.Row="1"
                    BackgroundColor="#c0eefb"
                    VerticalOptions="EndAndExpand">
    
                    <Image 
                        Source="ic_footer_image_xx.png" 
                        Aspect="AspectFill" 
                        HorizontalOptions="FillAndExpand" 
                        VerticalOptions="End"/>
                </StackLayout>
    
            </Grid>
        </ContentPage.Content>
    </ContentPage>
    
    Wednesday, November 6, 2019 7:09 AM
  • User351573 posted

    @DirkWilhelm I tried like that, no change :)

    Wednesday, November 6, 2019 7:21 AM
  • User155041 posted

    Hi @Sreeee

    Is this what you want ?

    Wednesday, November 6, 2019 5:35 PM
  • User351573 posted

    @Charwaka

    Yes. My current code will work fine for iPhone, I have this issue with iPad device screens.

    Thursday, November 7, 2019 5:08 AM
  • User369978 posted

    If problem fixed :https://stackoverflow.com/a/58744325/8187800 , please finish the thread (accept as answered).

    • Marked as answer by Anonymous Thursday, June 3, 2021 12:00 AM
    Thursday, November 7, 2019 8:50 AM