.NET MAUI Community Toolkit Popup page is breaking

Sreejith Sreenivasan 691 Reputation points
2024-04-29T14:15:29.71+00:00

I am using the .NET Community toolkit for the Popup page. When we try to load the popup page the entire UI is breaking on iOS platform but it is working fine on Android platform. On the popup page I am using listView.

Screenshot:

cYCJd4gY

I am using below codes to open the pop up page:

this.ShowPopup(new FilterRequestPopupPage("ViewRequestsPage"));

PopUp Page Sample Code:

<?xml version="1.0" encoding="utf-8" ?>
<toolkit:Popup 
   xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" 
    xmlns:local="clr-namespace:MyProject.Converter" 
    Color="Transparent"
    xmlns:toolkit="http://schemas.microsoft.com/dotnet/2022/maui/toolkit"
    x:Class="ListPMCaller.Views.Requests.FilterRequestPopupPage">

    <Border
        HorizontalOptions="CenterAndExpand"
        VerticalOptions="CenterAndExpand"
        x:Name="requeststatus_layout"
        Margin="15,0"
        Stroke="#e6e6e6"
        StrokeThickness="2"
        StrokeShape="RoundRectangle 20"
        Padding="0">

        <StackLayout
            Orientation="Vertical">

            <ListView
                VerticalOptions="Start"
                x:Name="requestfilter_listview"
                SeparatorColor="#cecece"
                ItemTapped="requestfilter_listview_ItemTapped"
                SelectionMode="None"
                CachingStrategy="RecycleElement"
                HasUnevenRows="True">
                <ListView.ItemTemplate>
                    <DataTemplate>
                        <ViewCell>
                            <StackLayout 
                                Padding="5"
                                Margin="5"
                                Orientation="Vertical">
                                <Label 
                                    Text="{Binding statusTitle, Converter={StaticResource specialCharactorConverter}}"
                                    TextColor="{Binding TextColor}"
                                    Style="{StaticResource UserNameLabelStyle}"/>
                            </StackLayout>
                        </ViewCell>
                    </DataTemplate>
                </ListView.ItemTemplate>
                <ListView.Footer>
                    <Label/>
                </ListView.Footer>
            </ListView>
        </StackLayout>
    </Border>
</toolkit:Popup>

Can you please provide me with a solution to resolve this issue? The issue is only on iOS platform.

.NET MAUI
.NET MAUI
A Microsoft open-source framework for building native device applications spanning mobile, tablet, and desktop.
2,957 questions
{count} votes

1 answer

Sort by: Most helpful
  1. Sreejith Sreenivasan 691 Reputation points
    2024-05-10T04:14:27.3166667+00:00

    @Wenyan Zhang (Shanghai Wicresoft Co,.Ltd.) I fixed this issue by updating the CommunityToolkit.Maui to version 6.1.0, could you please add it as your answer.

    0 comments No comments