Xamarin.Forms问题：ListView列表长度超出实际项数

这个问题的核心原因是ScrollView与ListView的嵌套布局冲突，再加上数据量少时ListView的高度计算逻辑导致的。

为什么会出现超长空白？ #

在Xamarin.Forms中，ListView本身是一个自带滚动功能的容器控件，当你把它嵌套在ScrollView里面时，布局系统在计算ListView的高度会出现异常：

• 当ListView的数据项很少时，它不会自动收缩到刚好容纳所有项的高度，反而会使用一个默认的「最小高度」（这个高度通常比实际内容高），而外层的Grid因为RowDefinition设为auto，会直接继承这个偏大的高度，所以就出现了多余的空白区域。
• 当数据项变多后，ListView的实际内容高度超过了这个默认最小高度，布局系统就会按照实际内容计算高度，所以空白问题就消失了。

另外，ScrollView和ListView嵌套本身就是不推荐的做法——两个滚动容器嵌套会导致滚动手势冲突，也会增加布局计算的复杂度，很容易出现各种奇怪的布局问题。

解决办法 #

这里给你两个最靠谱的方案：

方案1：用BindableLayout替代ListView

如果你的列表不需要复杂的ListView特性（比如分组、下拉刷新），推荐使用BindableLayout结合StackLayout来实现，它天生适合放在ScrollView里，能完美自适应内容高度，不会出现多余空白。

修改后的布局代码：

<ScrollView>
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="auto"/>
            <RowDefinition Height="auto"/>
            <RowDefinition Height="auto"/>
        </Grid.RowDefinitions>
        <Button Text="asd1" x:Name="row1" Grid.Row="0"/>
        <Grid x:Name="row2" Grid.Row="1" IsVisible="false" Margin="30,0,0,0" BackgroundColor="Yellow">
            <StackLayout x:Name="stack_cat1" Grid.Row="0"
                         BindableLayout.ItemsSource="{Binding SubCategories}">
                <BindableLayout.ItemTemplate>
                    <DataTemplate>
                        <Label Text="{Binding subCatName}">
                            <Label.GestureRecognizers>
                                <TapGestureRecognizer Tapped="GetClick"/>
                            </Label.GestureRecognizers>
                        </Label>
                    </DataTemplate>
                </BindableLayout.ItemTemplate>
            </StackLayout>
        </Grid>
        <Button Text="asd3" x:Name="row3" Grid.Row="2"/>
    </Grid>
</ScrollView>

绑定数据的代码只需要把list_cat1.ItemsSource = sub1;改成BindableLayout.SetItemsSource(stack_cat1, sub1);即可。

方案2：去掉外层ScrollView（如果布局允许）

如果你的整个页面内容不需要全局滚动，只是ListView需要滚动，那直接去掉外层的ScrollView，让ListView自己处理滚动逻辑，这样布局计算会更准确，也不会有空白问题。

修改后的布局：

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="auto"/>
        <RowDefinition Height="*"/> <!-- 让ListView所在行填充剩余空间 -->
        <RowDefinition Height="auto"/>
    </Grid.RowDefinitions>
    <Button Text="asd1" x:Name="row1" Grid.Row="0"/>
    <Grid x:Name="row2" Grid.Row="1" IsVisible="false" Margin="30,0,0,0" BackgroundColor="Yellow">
        <ListView x:Name="list_cat1" Grid.Row="0">
            <!-- 保持原来的ItemTemplate不变 -->
        </ListView>
    </Grid>
    <Button Text="asd3" x:Name="row3" Grid.Row="2"/>
</Grid>

这样ListView会自动占据剩余空间，数据少时不会有多余空白，数据多时自己滚动，布局逻辑更清晰。

总结 #

优先避免ScrollView和ListView的嵌套，要么用BindableLayout替代ListView实现无滚动的列表，要么让ListView独立负责滚动区域。这两种方案都能解决你遇到的超长空白问题，而且布局更稳定。

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