xamarin forms: Circle image is not working in xamarin forms ios(Showing as oval shape)

Question

For the circle images, I am using Xam.Plugins.Forms.ImageCircle nuget package in my project, which is working fine in android and windows but showing an oval shape in IOS, screenshot adding below.

Added ImageCircleRenderer.Init(); in AppDelegate.cs

xmlns namespace added:

 xmlns:controls="clr-namespace:ImageCircle.Forms.Plugin.Abstractions;assembly=ImageCircle.Forms.Plugin.Abstractions"  

    <ListView x:Name="MyTweetsTopics"
                          ItemsSource="{Binding AllItems,Mode=TwoWay}"
                      IsPullToRefreshEnabled="True"
                      HasUnevenRows="True"
                       RefreshCommand="{Binding RefreshCommand}"
                       IsRefreshing="{Binding IsRefreshing}">
                    <ListView.ItemTemplate>
                        <DataTemplate>
                            <ViewCell>
                                <ViewCell.View>
                                <StackLayout
                                HorizontalOptions="FillAndExpand"
                                VerticalOptions="FillAndExpand"
                                    Margin="5"
                                    Padding="5"
                                Orientation="Horizontal">

                                    <controls:CircleImage 
                                        HorizontalOptions="Start"
                                        VerticalOptions="Start"
                                        WidthRequest="50" 
                                        BorderColor="#1C7DB4"
                                        Aspect="AspectFill"
                                        BorderThickness="2"
                                        HeightRequest="50">
                                        <Image.Triggers>
                                            <DataTrigger TargetType="Image" Binding="{Binding isProfileImageNull}" Value="True">
                                                <Setter Property="Source" Value="dummy_profile.jpg"/>
                                            </DataTrigger>
                                            <DataTrigger TargetType="Image" Binding="{Binding isProfileImageNull}" Value="False">
                                                <Setter Property="Source" Value="{Binding thumbnailImageUrl, Converter={StaticResource urlJoinConverter}}"/>
                                            </DataTrigger>
                                        </Image.Triggers>
                                        <Image.GestureRecognizers>
                                            <TapGestureRecognizer
                                                Tapped="ShowTopicsProfile"
                                                CommandParameter="{Binding .}"
                                                NumberOfTapsRequired="1" />
                                        </Image.GestureRecognizers>
                                    </controls:CircleImage>

                                    <StackLayout
                                        HorizontalOptions="FillAndExpand"
                                        Orientation="Vertical">

                                        <StackLayout
                                            HorizontalOptions="FillAndExpand"
                                            Orientation="Horizontal">

                                            <Label 
                                        Text="{Binding pageTitle}"
                                    x:Name="pageTitle" 
                                    Font="Bold,17" 
                                    TextColor="Black"
                                    HorizontalOptions="Start" 
                                    VerticalOptions="Center"/>

                                            <StackLayout
                                                Margin="0,10,0,0"
                                        HorizontalOptions="EndAndExpand"
                                        Orientation="Horizontal"
                                        VerticalOptions="CenterAndExpand">

                                                <Image
                                        WidthRequest="20"
                                        HeightRequest="20"
                                        Margin="0,-5,0,0"
                                        VerticalOptions="Center"
                                        Source="ic_action_time.png"/>

                                                <Label 
                                        Text="{Binding pageUpdatedDate,  Converter={StaticResource cnvDateTimeConverter}}"
                                        x:Name="tweetedTime" 
                                        Font="10" 
                                        Margin="-5,-5,0,0"
                                        TextColor="Black"
                                        HorizontalOptions="FillAndExpand" 
                                        VerticalOptions="Center"/>

                                            </StackLayout>
                                        </StackLayout>

                                        <Label 
                                        Text="{Binding modifier.fullname, StringFormat='Last modified by {0:F0}'}"
                                        Font="10" 
                                        TextColor="Black"
                                        HorizontalOptions="Start" 
                                        VerticalOptions="Center"/>
                                    </StackLayout>
                                </StackLayout>
                            </ViewCell.View>
                        </ViewCell>
                    </DataTemplate>
                </ListView.ItemTemplate>
                <ListView.Footer>
                <Label/>
                </ListView.Footer>
            </ListView>

Why in IOS only it is not working? Thanks in advance

Answer 1

Could you give me your xml (listview) code so that I will able to solve your problem or if want to show Image from Cache you need to use FFImageLoading dll, it is available on nuget.

class CircleImage : CachedImage
{
    public CircleImage()
    {
        LoadingPlaceholder = Glyphs.ImagePlaceholder;
        ErrorPlaceholder = Glyphs.ImagePlaceholder;
        DownsampleToViewSize = true;
        Transformations = new List<FFImageLoading.Work.ITransformation>();
        Transformations.Add(new CircleTransformation());
    }
}  

Use above control.