Xamarin Forms添加ScrollView后页面显示空白问题求助

嘿，我之前也踩过这个坑！你怀疑Grid的高度设置有问题，完全找对了方向——这就是导致页面空白的核心原因。

问题根源 #

ScrollView的工作逻辑是必须明确知道子元素的实际高度，才能判断是否需要启用滚动。当你用*来定义Grid的行高时，Grid会试图去填充父容器（也就是ScrollView）的可用空间，但ScrollView本身的高度是由页面的可用区域决定的，这就形成了一个循环依赖：

• Grid需要ScrollView的高度来计算行高比例
• ScrollView需要Grid的高度来确定是否要滚动

如果Grid里的内容不足以撑满ScrollView的高度，或者这个循环计算出的高度为0，页面就会直接显示空白。

修复方案 #

最简单有效的办法是把Grid行高的*设置改成Auto，让每一行的高度由内部内容自动决定：

<ContentPage.Content>
    <ScrollView>
        <Grid BackgroundColor="#ede8db" x:Name="articleGrid">
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto" />
                <RowDefinition Height="Auto" />
                <RowDefinition Height="Auto" />
                <!-- 剩余行也统一改为Auto -->
            </Grid.RowDefinitions>
            <!-- 这里放置Grid内的各类控件内容 -->
        </Grid>
    </ScrollView>
</ContentPage.Content>

如果你确实需要按比例分配行高，也可以给Grid设置一个明确的HeightRequest（比如HeightRequest="1200"），不过这种方式不够灵活，不如Auto能自适应内容高度来得实用。另外还要注意：如果Grid里某一行没有放置任何控件，Auto会让该行高度变为0，你可以给该行加上MinimumHeightRequest来避免这种情况。

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