MAUI Android：Maui.Community.Toolkit.Popup内ScrollView无法滚动

针对你遇到的在Popup内ScrollView无法滚动的问题，以下是有效的修复方案及修改后的代码示例：

核心修改方向 #

• 给Popup设置明确尺寸约束，让内部控件有清晰布局边界
• 调整Grid行布局为填充模式，确保ScrollView获得足够可滚动空间
• 优化Border布局选项，传递正确约束给子控件
• 针对Android平台添加裁剪属性，确保滚动手势被正确识别

修改后的完整XAML代码 #

<toolkit:Popup
    x:Class="MuniLogicMobile.View.ReportsPage"
    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    xmlns:toolkit="http://schemas.microsoft.com/dotnet/2022/maui/toolkit"
    x:Name="popup"
    Color="Transparent"
    WidthRequest="350"
    HeightRequest="600">

    <Border
        Stroke="{x:StaticResource Secondary}"
        StrokeThickness="2"
        VerticalOptions="FillAndExpand">
        <Border.StrokeShape>
            <RoundRectangle CornerRadius="10" />
        </Border.StrokeShape>
        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height="*" />
            </Grid.RowDefinitions>
           
            <ScrollView
                Margin="10"
                VerticalOptions="FillAndExpand"
                IsClippedToBounds="True">
                <VerticalStackLayout
                    Margin="10">
                    <!-- 添加足够多的测试元素验证滚动 -->
                    <Label Text="测试内容1" FontSize="Large" Margin="0,10"/>
                    <Label Text="测试内容2" FontSize="Large" Margin="0,10"/>
                    <Label Text="测试内容3" FontSize="Large" Margin="0,10"/>
                    <Label Text="测试内容4" FontSize="Large" Margin="0,10"/>
                    <Label Text="测试内容5" FontSize="Large" Margin="0,10"/>
                    <Label Text="测试内容6" FontSize="Large" Margin="0,10"/>
                    <Label Text="测试内容7" FontSize="Large" Margin="0,10"/>
                    <Label Text="测试内容8" FontSize="Large" Margin="0,10"/>
                    <Label Text="测试内容9" FontSize="Large" Margin="0,10"/>
                    <Label Text="测试内容10" FontSize="Large" Margin="0,10"/>
                    <Label Text="测试内容11" FontSize="Large" Margin="0,10"/>
                    <Label Text="测试内容12" FontSize="Large" Margin="0,10"/>
                </VerticalStackLayout>
            </ScrollView>
        </Grid>
    </Border>
</toolkit:Popup>

各修改项说明 #

1. Popup尺寸设置：添加WidthRequest和HeightRequest，明确Popup的显示范围，避免内部控件因无布局约束而无法触发滚动逻辑。
2. Grid行布局调整：将RowDefinition的Height从Auto改为*，让Grid行填充整个可用空间，确保ScrollView能获取到固定的滚动区域。
3. Border布局优化：添加VerticalOptions="FillAndExpand"，让Border在Popup内占满垂直空间，将布局约束传递给内部的Grid和ScrollView。
4. Android平台适配：给ScrollView添加IsClippedToBounds="True"，确保内容超出边界时被裁剪，同时帮助Android系统正确识别滚动手势，避免Popup的触摸事件拦截滚动操作。

额外排查点 #

检查Popup的InputTransparent属性是否被设置为True，该属性为True时会导致触摸事件无法传递到ScrollView，需确保其值为False（默认值即为False）。

内容的提问来源于stack exchange，提问作者Gnana