Adding Icons to Flyout Items (and Tabs) in Xamarin.Forms

David Ortinau - Dec 29 '20 -

- Dev Community

Using font icons is one of the most flexible ways to quickly add useful design to your flyout menu. Of course, you can use images as well. With font icons you can also us Visual State Manager to further style them.

Resources

davidortinau / Xappy

A mobile app to track Xamarin news and explore all the goodness that is .NET for Mobile developers

Check Out the Prototype

Launch the Figma Prototype.

If you are able, please add any comments using the Figma comment feature.
If you are unable (and I suspect this will be the case), please open an Issue here.

Note that this is a clickable prototype. Tap around. This is NOT the design. :)

Let's Build an App!

We are working on a new gallery app for all of us to enjoy. The app should:

Be A Collaboration - join us as we iterate through the design, user experience, and implementation.
Be Gorgeous - Xamarin and Xamarin.Forms are being used every day to create top notch apps. Let's show that!
Be Modern - Xamarin.Forms is shipping new features to make it easier than ever to deliver current user experience.
Be Useful - Rather than just a static gallery, the app should be useful as a tool for your to…

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .