Xamarin.forms Xamarin垂直并排形成两个ListView

我正在尝试创建一个与所附照片类似的用户界面

到目前为止，以下代码片段在Android上运行得非常好，但在iOS上，除非我旋转屏幕，否则第一个listview不会滚动

<Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="80"></ColumnDefinition>
            <ColumnDefinition Width="*"></ColumnDefinition>
        </Grid.ColumnDefinitions>
        
        <ListView Grid.Column="0" 
                  ItemsSource="{Binding MyCategories}"                       
                  RowHeight="200" ItemSelected="ListView_ItemSelected" Scrolled="ListView_Scrolled"
                  SelectedItem="{Binding SelectedCategory, Mode=TwoWay}">
            <ListView.ItemTemplate>
                <DataTemplate>
                    <ViewCell>
                        <Grid>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="50*"></RowDefinition>
                                <RowDefinition Height="50*"></RowDefinition>
                            </Grid.RowDefinitions>
                            <Image Grid.Row="0" Source="icon.png"></Image>
                            <Label Grid.Row="1" Text="{Binding Name}"></Label>
                        </Grid>
                    </ViewCell>
                </DataTemplate>
            </ListView.ItemTemplate>
        </ListView>

        <Grid Grid.Column="1" >
            <Grid.RowDefinitions>
                <RowDefinition Height="30"></RowDefinition>
                <RowDefinition Height="*"></RowDefinition>
            </Grid.RowDefinitions>

            <Label Grid.Row="0" Text="{Binding SelectedCategory.Name}" FontSize="Title" />
            
            <ListView Grid.Row="1" 
                  ItemsSource="{Binding SelectedCategory.SubCategories}"                       
                  RowHeight="150" SeparatorColor="Green"
                  >
                <ListView.ItemTemplate>
                    <DataTemplate>
                        <ViewCell>
                            <Grid>
                                <Grid.RowDefinitions>
                                    <RowDefinition Height="50*"></RowDefinition>
                                    <RowDefinition Height="50*"></RowDefinition>
                                </Grid.RowDefinitions>
                                <Image Grid.Row="0" Source="icon.png"></Image>
                                <Label Grid.Row="1" Text="{Binding Name}"></Label>
                            </Grid>
                        </ViewCell>
                    </DataTemplate>
                </ListView.ItemTemplate>
            </ListView>
        </Grid>
    </Grid>

任何帮助都将不胜感激

---

谢谢，

您可以将母版详细信息页用于这样的目的您说第一个列表视图不滚动是什么意思？我看到了gif，您成功地滚动了第一个列表。对不起，应该更清楚，gif是现有应用程序中的一个示例。您可以将母版详细信息页用于这样的目的。您所说的第一个listview不滚动是什么意思？我看到了gif，您成功地滚动了第一个列表。对不起，应该更清楚，gif是现有应用程序的一个示例。