Following the Hello world example, I deleted the Sidebar and change it to a Sidebar with BottomBar
You can do that with something like this
<FlyoutItem>
<Tab Icon="icon1.png">
<ShellContent Route="Page1" ContentTemplate="{DataTemplate local:Page1}" />
</Tab>
<Tab Icon="icons2.png">
<ShellContent Route="Page2" ContentTemplate="{DataTemplate local:Page1}" />
</Tab>
<Tab Icon="icons3.png">
<ShellContent Route="Page3" ContentTemplate="{DataTemplate local:Page1}" />
</Tab>
<Tab Icon="icon4.png">
<ShellContent Route="Page4" ContentTemplate="{DataTemplate local:Page1}" />
</Tab>
</FlyoutItem>
<FlyoutItem Title="Page5">
<ShellContent Route="Page1" ContentTemplate="{DataTemplate local:Page5}" />
</FlyoutItem>
<FlyoutItem Title="Page6">
<ShellContent Route="Page6" ContentTemplate="{DataTemplate local:Page6}" />
</FlyoutItem>
The first Flyout item act as BottomBar and the others acts as items in a Sidebar
I want to put a border on the top of the BottomBar (because the BackGroundColor is White)
Searched a lot but can't figure how to do that.. just as the red line in the attached screenshot
