Формы Xamarin: Как разместить просмотр списка поверх изображения?

Question

У меня есть flowlistview в моем проекте, и мне нужно разместить его на изображении. Ниже приведен мой XAML-код:

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="*" />
        <RowDefinition Height="Auto" />
    </Grid.RowDefinitions>

    <Image Aspect="AspectFill" HorizontalOptions="FillAndExpand" Grid.Row="0" Source="ic_background_image_xx.png"/>

    <flv:FlowListView 
        Grid.Row="0">
        <flv:FlowListView.FlowColumnTemplate>
            <DataTemplate>
                <StackLayout> 

                </StackLayout>
            </DataTemplate>
        </flv:FlowListView.FlowColumnTemplate>
    </flv:FlowListView>
</Grid>

Этот код отлично работает на устройствах android, а просмотр списка расположен поверх зеленого фонового изображения. Но в ios эта функция не работает. Пожалуйста, go на скриншоте ниже и предложите решение для ios.

Answer 1

Причина: ListView в iOS имеет по умолчанию BackgroundColor (белый), а в Android цвет фона ListView прозрачный.

Так что вам просто нужно установить BackgroundColor FlowListView как Прозрачный

<flv:FlowListView   
        BackgroundColor="Transparent"
        Grid.Row="0">

Answer 2

Для этого вам нужно установить Grid.RowSpan="2" для изображения.