SkillAgentSearch skills...

Flexibility

Xamarin.Forms FlexLayout samples styled in a variety of ways: directly, XAML Styles, XAML Styles in a Resource Dictionary, CSS inline, and CSS loaded from a StyleSheet.

Install / Use

/learn @davidortinau/Flexibility
About this skill

Quality Score

0/100

Supported Platforms

Universal

README

Flexibility Sample App

A series of layout exercises to explore layouts that can be achieved with the new Flexbox inspired layout, aptly named FlexLayout. This layout doesn't replace all others, but is most appropriate for:

  • promoting a flat, and thus more performant view hierarchy
  • layouts that depend on spacing and distribution of content
  • layouts that need to adapt to a variety of different screen dimentions

FlexLayout and CSS require Xamarin.Forms 3.0.0+

I also styled each page with a slightly different method, including:

  • direct styling
  • XAML Style blocks
  • XAML Styles loaded form a separate ResourceDictionary
  • CSS loaded from a StyleSheet
  • CSS in the XAML page

The LoginPage also demonstrates the new VisualStateManager.

droid

ios

Related Skills

View on GitHub
GitHub Stars95
CategoryDevelopment
Updated2y ago
Forks32

Languages

C#

Security Score

70/100

Audited on Mar 21, 2024

No findings