Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Bug] When putting multiple ShellContent in Tab in FlyoutItem in Shell isn't shown correctly on iOS #6253

Open
runceel opened this issue May 22, 2019 · 0 comments

Comments

@runceel
Copy link

commented May 22, 2019

Description

When I put multiple ShellContent tags in Tab in FlyoutItem in Shell control, It is not shown correctly on iOS.

Steps to Reproduce

  1. Create a Xamarin.Forms Shell project on VS2019
  2. Edit AppShell.xaml like below:
```xml
<?xml version="1.0" encoding="UTF-8" ?>
<Shell
    x:Class="App1.AppShell"
    xmlns="http://xamarin.com/schemas/2014/forms"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    xmlns:d="http://xamarin.com/schemas/2014/forms/design"
    xmlns:local="clr-namespace:App1.Views"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    Title="App1"
    mc:Ignorable="d">
    <Shell.FlyoutHeader>
        <Label Text="Header" FontSize="Large" />
    </Shell.FlyoutHeader>
    <FlyoutItem Title="Flyout 1">
        <Tab Title="Flyout 1 - Tab 1">
            <ShellContent Title="Page 1">
                <ContentPage Title="Page 1">
                    <StackLayout>
                        <Label Text="Flyout 1 - Tab 1 - Page 1 - 1" />
                        <Label Text="Flyout 1 - Tab 1 - Page 1 - 2" />
                        <Label Text="Flyout 1 - Tab 1 - Page 1 - 3" />
                        <Label Text="Flyout 1 - Tab 1 - Page 1 - 4" />
                        <Label Text="Flyout 1 - Tab 1 - Page 1 - 5" />
                    </StackLayout>
                </ContentPage>
            </ShellContent>
            <ShellContent Title="Page 2">
                <ContentPage Title="Page 2">
                    <Label Text="Flyout 1 - Tab 1 - Page 2" HorizontalOptions="Center" VerticalOptions="Center" />
                </ContentPage>
            </ShellContent>
        </Tab>
    </FlyoutItem>
</Shell>

Expected Behavior

The label that is Flyout 1- Tab 1 - Page 1 - 1 is shown on display.

Actual Behavior

The label is hidden by the header area.

image

Basic Information

  • Version with issue:
  • Last known good version:
  • IDE: Visual Studio 2019 16.1.0
  • Platform Target Frameworks:
    • iOS: xcode 10.2
  • Nuget Packages: Xamarin.Forms 4.0.0.425677
  • Affected Devices: iPhone Xs iOS 12.2 simulator

@pauldipietro pauldipietro added this to New in Triage May 22, 2019

@samhouts samhouts added the p/iOS 🍎 label May 28, 2019

@PureWeen PureWeen self-assigned this May 29, 2019

@PureWeen PureWeen added e/4 🕓 and removed s/unverified labels May 29, 2019

@PureWeen PureWeen moved this from New to Ready For Work in Triage May 29, 2019

@samhouts samhouts added this to To do in iOS Ready For Work May 29, 2019

@samhouts samhouts removed this from Ready For Work in Triage May 29, 2019

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
4 participants
You can’t perform that action at this time.