Quantcast
Channel: Xamarin.Forms — Xamarin Community Forums
Viewing all articles
Browse latest Browse all 77050

Shell - Content page renders under tabs and title

$
0
0

When using shell and tabs, the content page is rendering under the tabs and header.

<?xml version="1.0" encoding="UTF-8"?>
<Shell 
    xmlns:local="clr-namespace:WeAreVoice.Mobile" 
    RouteScheme="app" 
    RouteHost="microsoft.com"
    Route="newapp" 
    FlyoutBehavior="Disabled"
    x:Class="WeAreVoice.Mobile.AppShell">

    <ShellItem>

        <ShellSection Title="Feed">
          <ShellContent>
            <local:FeedPage />
          </ShellContent>
        </ShellSection>

        <ShellSection Title="Groups">
             <ShellContent>
                <local:GroupPage />
             </ShellContent>
        </ShellSection>

  </ShellItem>

</Shell>

Group Page

<?xml version="1.0" encoding="UTF-8"?>
<ContentPage 
x:Class="WeAreVoice.Mobile.GroupPage"
             Title="Groups">
    <ContentPage.Content>
        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height="110" />
                <RowDefinition Height="*" />
                <RowDefinition Height="110" />
            </Grid.RowDefinitions>
            <BoxView
                BackgroundColor="Red"
                Grid.Row="0"
                Grid.Column="0" />
            <BoxView
                BackgroundColor="Blue"
                Grid.Row="1"
                Grid.Column="0" />
            <BoxView
                BackgroundColor="Green"
                Grid.Row="2"
                Grid.Column="0" />
        </Grid>
    </ContentPage.Content>
</ContentPage>

When not using shell but classic tabbed page it is rendered as expected

Tabbed Page

<?xml version="1.0" encoding="utf-8"?>
<TabbedPage 
    xmlns:local="clr-namespace:WeAreVoice.Mobile" 
    x:Class="WeAreVoice.Mobile.MainPage"
    xmlns:android="clr-namespace:Xamarin.Forms.PlatformConfiguration.AndroidSpecific;assembly=Xamarin.Forms.Core"
    android:TabbedPage.ToolbarPlacement="Bottom">
    <NavigationPage Title="Feed">
        <x:Arguments>
            <local:FeedPage />
        </x:Arguments>
    </NavigationPage>
    <NavigationPage Title="Groups">
        <x:Arguments>
            <local:GroupPage Title="Groups" />
        </x:Arguments>
    </NavigationPage>
</TabbedPage>

Is this a bug in the shell?

To bad I cannot include screenshots because of the forum policy.


Viewing all articles
Browse latest Browse all 77050

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>