ffimageloading:CachedImage image not fitting grid

Published

enter image description here

Any suggestion on how I can get my image fit in the grid? Below is my code.

      <Grid   HorizontalOptions="FillAndExpand"
           VerticalOptions="FillAndExpand">
          <Grid.ColumnDefinitions>
           <ColumnDefinition Width="Auto" />
               </Grid.ColumnDefinitions>
                        <Grid.RowDefinitions>
                            <RowDefinition  Height="Auto" />
                        </Grid.RowDefinitions>
                        <ffimageloading:CachedImage 
                            x:Name="mainImage"  
                            Source="{Binding Image1}" 
                            LoadingPlaceholder= "LoaderImage"
                            ErrorPlaceholder= "{Binding Image2}"
                            CacheDuration= "50"
                            RetryCount= "3"
                            RetryDelay= "600"
                            DownsampleToViewSize = "true"                               
                            Grid.Column="0" 
                            WidthRequest="380" 
                            HeightRequest="380" 
                            Aspect="AspectFit">
                            <ffimageloading:CachedImage.Transformations>
                                <fftransformations:RoundedTransformation Radius="20"/>
                            </ffimageloading:CachedImage.Transformations>
                        </ffimageloading:CachedImage>
                    </Grid>

Any suggestion on how I can get my image fit in the grid?

Source: Xamarin.ios Questions

Published
Categorised as Uncategorised Tagged , , , ,

Answers

Result

Try this code:

<StackLayout>
        <Label Text=" Product Detail" Padding="10, 10, 10, 0"/>
        <StackLayout Padding="10" VerticalOptions="FillAndExpand" HorizontalOptions="FillAndExpand">
        <Frame HasShadow="False" VerticalOptions="Fill" CornerRadius="5" Padding="1" BackgroundColor="#000000">
            <Frame HasShadow="False" CornerRadius="5" BackgroundColor="White" Padding="0">
                <Grid Padding="10, 0, 10, 0">
            <Grid.RowDefinitions>
                <RowDefinition Height="*"/>
                <RowDefinition Height="7*"/>
                <RowDefinition Height="2*"/>
            </Grid.RowDefinitions>
                    <Label Text="Jeep Rubicon" Grid.Row="0"/>
            <ffimageloading:CachedImage
                Grid.Row="1"
                x:Name="mainImage"
                Source="https://www.gannett-cdn.com/presto/2020/09/02/PDTN/f135eddc-5024-42ed-99e5-3f11ca3a5a7e-jeep_close.jpg"
                LoadingPlaceholder= "LoaderImage"
                CacheDuration= "50"
                RetryCount= "3"
                RetryDelay= "600"
                DownsampleToViewSize = "true"
                Aspect="AspectFit">
                <ffimageloading:CachedImage.Transformations>
                    <fftransformations:RoundedTransformation Radius="20"/>
                </ffimageloading:CachedImage.Transformations>
            </ffimageloading:CachedImage>
            <StackLayout Grid.Row="2" Orientation="Horizontal" HorizontalOptions="CenterAndExpand" Spacing="20">
                <ffimageloading:CachedImage
                Source="https://www.gannett-cdn.com/presto/2020/09/02/PDTN/f135eddc-5024-42ed-99e5-3f11ca3a5a7e-jeep_close.jpg"
                LoadingPlaceholder= "LoaderImage"
                CacheDuration= "50"
                RetryCount= "3"
                RetryDelay= "600"
                DownsampleToViewSize = "true"
                Aspect="AspectFit">
                <ffimageloading:CachedImage.Transformations>
                    <fftransformations:RoundedTransformation Radius="20"/>
                </ffimageloading:CachedImage.Transformations>
            </ffimageloading:CachedImage>

                <ffimageloading:CachedImage
                Source="https://www.gannett-cdn.com/presto/2020/09/02/PDTN/f135eddc-5024-42ed-99e5-3f11ca3a5a7e-jeep_close.jpg"
                LoadingPlaceholder= "LoaderImage"
                CacheDuration= "50"
                RetryCount= "3"
                RetryDelay= "600"
                DownsampleToViewSize = "true"
                Aspect="AspectFit">
                <ffimageloading:CachedImage.Transformations>
                    <fftransformations:RoundedTransformation Radius="20"/>
                </ffimageloading:CachedImage.Transformations>
            </ffimageloading:CachedImage>

                <ffimageloading:CachedImage
                Source="https://www.gannett-cdn.com/presto/2020/09/02/PDTN/f135eddc-5024-42ed-99e5-3f11ca3a5a7e-jeep_close.jpg"
                LoadingPlaceholder= "LoaderImage"
                CacheDuration= "50"
                RetryCount= "3"
                RetryDelay= "600"
                DownsampleToViewSize = "true"
                Aspect="AspectFit">
                <ffimageloading:CachedImage.Transformations>
                    <fftransformations:RoundedTransformation Radius="20"/>
                </ffimageloading:CachedImage.Transformations>
            </ffimageloading:CachedImage>
            </StackLayout>
            </Grid>
            </Frame>
        </Frame>
            </StackLayout>
    </StackLayout>

Angelica Lemke

Leave a Reply

Your email address will not be published. Required fields are marked *

Still Have Questions?


Our dedicated development team is here for you!

We can help you find answers to your question for as low as 5$.

Contact Us
faq