Export fonts from a package

Use a custom font

Update the UI based on orientation

Cookbook

Design

Update the UI based on orientation

1. Build a GridView with two columns

2. Use an OrientationBuilder to change the number of columns

Interactive example

In some situations,
you want to update the display of an app when the user
rotates the screen from portrait mode to landscape mode. For example,
the app might show one item after the next in portrait mode,
yet put those same items side-by-side in landscape mode.

In Flutter, you can build different layouts depending
on a given Orientation.
In this example, build a list that displays two columns in
portrait mode and three columns in landscape mode using the
following steps:

Build a GridView with two columns.

Use an OrientationBuilder to change the number of columns.