question

Daniel-8538 avatar image
0 Votes"
Daniel-8538 asked KyleWang-MSFT commented

Is it possible to create a flyout and add a view to the top or drop the flyout button down!?

I was trying to create a layout the way it looks like now. But here's a problem.

111678-%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA-2021-07-05-%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE-31236.png

When using a flyout, I want to use a flyout that covers the screen. However, there was a problem that only the page was overwritten as shown in the picture.


111786-%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA-2021-07-05-%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE-31249.png

I want to add various buttons after putting a view or navigation view at the top, making a button with a toolbar, and moving the flyout button at the bottom.



Anyone who knows can tell me!?


dotnet-xamarin
· 1
5 |1600 characters needed characters left characters exceeded

Up to 10 attachments (including images) can be used with a maximum of 3.0 MiB each and 30.0 MiB total.

@Daniel-8538 Not clear what you want. Can you elaborate on the layout you want?

0 Votes 0 ·

1 Answer

KyleWang-MSFT avatar image
0 Votes"
KyleWang-MSFT answered

Hi Daniel-8538,

Welcome to our Microsoft Q&A platform!

If you want to let flyout covers tabbar, why not select template "Flyout" when creating the project? And use "Tab" to show the "tabbar items".

Modify the code in AppShell.xaml as follows

 <FlyoutItem Title="About" Icon="icon_about.png">
     <Tab Title="item_1">
         <ShellContent Route="AboutPage" ContentTemplate="{DataTemplate local:AboutPage}" />
     </Tab>
     <Tab Title="item_2">
         <ShellContent Route="ItemsPage" ContentTemplate="{DataTemplate local:ItemsPage}" />
     </Tab>
 </FlyoutItem>
 <FlyoutItem Title="Browse" Icon="icon_feed.png">
     <ShellContent Route="ItemsPage" ContentTemplate="{DataTemplate local:ItemsPage}" />
 </FlyoutItem>

For more info, you can refer to this document.

Regards,
Kyle


If the response is helpful, please click "Accept Answer" and upvote it.

Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

5 |1600 characters needed characters left characters exceeded

Up to 10 attachments (including images) can be used with a maximum of 3.0 MiB each and 30.0 MiB total.