locked
I need Master Detail Page and Tabbed Page(bottom) at the same time in the application RRS feed

  • Question

  • User388773 posted

    When we set drawer screen layout as master and Tabbed Page as detail we can achieve this. But the problem is when i try to click on the menus in the drawer screen of master detail page, i loss the tabbed page navigation from bottom.

    Friday, February 7, 2020 3:40 PM

All replies

  • User369978 posted

    Test on my side , it works fine .

    Am i missing something ?

    Monday, February 10, 2020 3:11 AM
  • User388773 posted

    @ColeX said: Test on my side , it works fine .

    Am i missing something ?

    This is my main page as masterdetail page

    <?xml version="1.0" encoding="utf-8" ?>
    <MasterDetailPage ...>
    <MasterDetailPage.Master>
            <ContentPage Title="?" BackgroundColor="Red">
                <Grid BackgroundColor="White">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="230" />
                        <RowDefinition Height="*" />
                    </Grid.RowDefinitions>
                    <Grid>
                        <Image BackgroundColor="#546F7A"/>
                        <StackLayout Padding="0,20,0,0" HorizontalOptions="CenterAndExpand" VerticalOptions="CenterAndExpand" Orientation="Vertical">
                            <controls:CircleImage HorizontalOptions="CenterAndExpand" VerticalOptions="StartAndExpand" BorderColor="White" BorderThickness="5" x:Name="profileImage" Source="logo.png" Aspect="AspectFit" WidthRequest="100" HeightRequest="100" />
                            <Label  VerticalOptions="EndAndExpand" x:Name="name_label" TextColor="White" Font="Bold,20" HorizontalOptions="CenterAndExpand" />
                        </StackLayout>
                    </Grid>
    
                    <ListView x:Name="navigationDrawerList"
                      RowHeight="60"
                                  Grid.Row="1"
                      SeparatorVisibility="None"
                      BackgroundColor="White"
                      ItemSelected="OnMenuSelected">
    
                        <ListView.ItemTemplate>
                            <DataTemplate>
                                <ViewCell>
                                    <StackLayout>
                                        <StackLayout VerticalOptions="FillAndExpand"
                                 Orientation="Horizontal"
                                 Padding="20,10,0,10"
                                 Spacing="20">
    
                                            <Image Source="{Binding IconImageSource}"
                             WidthRequest="25"
                             HeightRequest="25"
                             VerticalOptions="Center" />
    
                                            <Label Text="{Binding Title}"
                             FontSize="Medium"
                             VerticalOptions="Center"
                             TextColor="Black"/>
                                        </StackLayout>
                                        <BoxView HeightRequest="1" BackgroundColor="Gray" Margin="5" IsVisible="False"/>
                                    </StackLayout>
                                </ViewCell>
                            </DataTemplate>
                        </ListView.ItemTemplate>
                    </ListView>
                </Grid>
            </ContentPage>
        </MasterDetailPage.Master>
    
        <MasterDetailPage.Detail>
            <NavigationPage>
                <x:Arguments>
                    <views:HomeTabbedPage/>
                </x:Arguments>
            </NavigationPage>
        </MasterDetailPage.Detail>
    </MasterDetailPage>  
    

    and this is my HomeTabbedPage

    <TabbedPage...>
    <TabbedPage.Children>
            <views:HomePage Title="Home" IconImageSource="home_menu.png"/>
            <views:ProfilePage Title="Profile" IconImageSource="profile_menu.png"/>
            <views:AboutPage Title="About" IconImageSource="about_menu.png"/>
            <views:SettingsPage Title="Settings" IconImageSource="settings_menu.png"/>
        </TabbedPage.Children>
    </TabbedPage>
    
    Monday, February 10, 2020 3:39 AM
  • User369978 posted

    I test the same code on my side .

    Do you mean the tab disappear when clicking on another item in master page ?

    Monday, February 10, 2020 3:45 AM
  • User388773 posted

    @ColeX said: I test the same code on my side .

    Do you mean the tab disappear when clicking on another item in master page ?

    yes

    Monday, February 10, 2020 3:48 AM
  • User369978 posted

    You make TabbedPage as Child of MasterDetailed page , it would only appear when selecting on the current item, when you select another item in master page , another child would appear and Tabbedpage disapper , this is the design behavior.

    Maybe you're going to consider placing Master Detailed page into TabbedPage not in reverse .

    Monday, February 10, 2020 3:53 AM
  • User388773 posted

    @ColeX said: I test the same code on my side .

    Do you mean the tab disappear when clicking on another item in master page ?

    I need the both master and tab on all pages of my application

    Monday, February 10, 2020 3:55 AM
  • User369978 posted

    @Richy said:

    @ColeX said: I test the same code on my side .

    Do you mean the tab disappear when clicking on another item in master page ?

    I need the both master and tab on all pages of my application

    I think It's impossible , it goes against the navigation rule .

    Monday, February 10, 2020 4:00 AM
  • User382401 posted

    How I can open the Master from the tabbed bar

    Sunday, December 6, 2020 7:30 PM