xamarin/Xamarin.Forms

[Bug] Replacing Menu Page's Listview with CollectionView in Master Detail Page - overlap with status bar on iOS

Aperta

#7634 aperta il 23 set 2019

 (3 commenti) (0 reazioni) (0 assegnatari)C# (1926 fork)batch import
a/collectionviewe/5 :clock5:help wantedp/iOS 🍎t/bug :bug:up-for-grabs

Metriche repository

Star
 (5644 stelle)
Metriche merge PR
 (Nessuna PR mergiata in 30 g)

Descrizione

#Description Menu items getting shifted up and overlapped by status bar on iOS in Master Detail Page application.

Steps to Reproduce

  1. Create a new Xamarin.Forms application and select Master Detail Page
  2. Replace ListView with CollectionView in MenuPage.xaml
<CollectionView x:Name="ListViewMenu" SelectionMode="Single">
    <CollectionView.ItemsSource>
        <x:Array Type="{x:Type x:String}">
            <x:String>Item 1</x:String>
            <x:String>Item 2</x:String>
        </x:Array>
    </CollectionView.ItemsSource>
    <CollectionView.ItemTemplate>
        <DataTemplate>
                <Grid Padding="10">
                    <Label Text="{Binding Title}" d:Text="{Binding .}" FontSize="20"/>
                </Grid>
        </DataTemplate>
    </CollectionView.ItemTemplate>
</CollectionView>
  1. Replace ListviewMenu.ItemSelected event handler in MenuPage.xaml.cs:
ListViewMenu.SelectionChanged += async (sender, e) =>
{
    if (e.CurrentSelection.Count == 0)
        return;

    var id = (int)((HomeMenuItem)e.CurrentSelection.First()).Id;
    await RootPage.NavigateFromMenu(id);
};

Expected Behavior

Before replacement: IMG_0063

Actual Behavior

After replacement: IMG_0064

Basic Information

  • Version with issue: 4.3.0.819712-pre2
  • IDE: Visual Studio 16.2.5
  • Platform Target Frameworks:
    • iOS: 12.4

Guida contributor