Как сделать просмотр списка по всему экрану сверху вниз

Question

У меня есть два ListViews на одной странице, и я хочу, чтобы они отображались таким образом, что только один раз я прокручиваю первый вниз до кнопки, за которой следует второй. Как я могу это сделать?

До сих пор я мог отображать оба ListViews, но они разделили экран на два, являясь первым списком сверху и вторым на кнопке (см. Скриншот ниже! )

То, чего я хочу достичь, показано на рисунке по следующей ссылке:

https://cdn.dribbble.com/users/2568324/screenshots/6893977/dribbble8.png

Мой код выглядит следующим образом:

    <Frame>
        <ListView x:Name = "MainMagazine" RowHeight="200" ItemSelected="MainMagazine_se" VerticalOptions="StartAndExpand">
            <ListView.ItemTemplate>
                <DataTemplate >
                    <ViewCell>
                        <StackLayout>

                            <Image Source = "{Binding Urlimage}" WidthRequest = "400" Margin="0,-200" HeightRequest = "500" MinimumHeightRequest = "500" MinimumWidthRequest = "400" />

                            <StackLayout Margin="0,45" >
                                <Label Text = "{Binding Title}" FontSize = "15" TextColor = "Black"/>
                                <Label Text = "{Binding MiniContent}" FontSize = "12" TextColor = "Gray" Margin="0,-7"/>
                            </StackLayout>

                        </StackLayout>
                    </ViewCell>
                </DataTemplate>
            </ListView.ItemTemplate>
        </ListView>
    </Frame>

    <Frame>
        <ListView x:Name = "MainMagazine2" RowHeight="200" ItemSelected="MainMagazine_se" VerticalOptions="Center" >
            <ListView.ItemTemplate>
                <DataTemplate >
                    <ViewCell>
                        <StackLayout Padding="0,0,0,300">

                            <Image Source = "{Binding Urlimage}" WidthRequest = "400" Margin="0,-200" HeightRequest = "500" MinimumHeightRequest = "500" MinimumWidthRequest = "400" />

                            <StackLayout Margin="0,45" >
                                <Label Text = "{Binding Title}" FontSize = "15" TextColor = "Black"/>
                                <Label Text = "{Binding MiniContent}" FontSize = "12" TextColor = "Gray" Margin="0,-7"/>
                            </StackLayout>

                        </StackLayout>
                    </ViewCell>
                </DataTemplate>
            </ListView.ItemTemplate>
        </ListView>
    </Frame>

Answer 1

Если вы хотите установить два ListView s, один над другим, чтобы вы могли прокрутить один вниз до кнопки, а затем просто посмотреть второй и продолжить прокрутку, вы можетепоместите оба ваших ListView s в ScrollView:

Ваше мнение должно быть примерно таким:

<ScrollView>
    <StackLayout>
            <Frame>
                ...
            </Frame>

            <Frame>
                ...
            </Frame>
    </StackLayout>
</ScrollView>