Skip to content

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.

Notifications You must be signed in to change notification settings

Omarkth/flexibility

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

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

This app is using the latest nightly build of Xamarin.Forms.

The LoginPage also demonstrates the new VisualStateManager.

droid

ios

About

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.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • C# 99.5%
  • CSS 0.5%