[Spec] Shell Flyout Footer Template

[davidortinau]

Flyout Footer Template

Add a template for the footer of the flyout menu just like you have for the header.

• The footer should be fixed to the bottom of the flyout.
• The menu list should not go behind it and obscure the menu items.
• The footer should take any height.

<Shell.FlyoutFooterTemplate>
    <DataTemplate>
        <Grid>ContentHere</Grid>
    </DataTemplate>
</Shell.FlyoutFooterTemplate>

API

Shell.FlyoutFooterTemplate takes a DataTemplate

Difficulty : Low

[SkyeHoefling]

I started an implementation of this for Andoird and I was able to get it working. I need to add unit tests and do some more testing.

Should I submit the PR with just the android implementation or would it be better to submit it with both iOS and Android?

[PureWeen]

Yea! Submit a PR if you can

I have a PR over here
#6383

where I'm working on some changes with the flyout measurements so we'll need to reconcile the two. But either way submit away!!!

[SkyeHoefling]

Perfect! I'll submit the PR tomorrow morning.

It took me most of the night to get the bugs worked out with it but I have it working. I was running into a problem where the RecyclerView kept rendering behind the footer (red) and I wasn't able to adjust the margin. I ended up calculating the footer height and setting it in the renderer and it all started working.

Here is a sneak peak with it working with many FlyoutItems

[fakhravari]

When it is released

[douglassimaodev]

We are in XF 4.8.. next month will go to 5.0 and yet we don't have Shell.FlyoutFooter>.... any idea when/if it will be available?

[VladislavAntonyuk]

It is already available in nightly builds. So should be available in 5.0