Flutter - How To Show Different Content Based On Device Orientation (Portrait or Landscape Mode)

Published: 03 June 2021
on channel: Flutter Mentor

3,100

If you allow your app to have both portrait and landscape displays, then you better prepare your code for when your users want to use the least commonly used display.

Most apps are made for portrait mode for obvious reasons. So, it's only natural that some apps don't look as good when used in portrait mode. However, using what I show in this video, you can even create an entire app version based on one display orientation, and another for the other display orientation.

All you need to do is always know what orientation is the app user is on. That's it! And that's exactly what I show you how to find out.

00:00 - Intro
01:00 - Code Overview
01:25 - Using MediaQuery.of(context).orientation
02:30 - Using Ternary Operator
03:10 - Seeing It Work
03:40 - Alternative Code Options
04:20 - Like & Subscribe
04:34 - Flutter Mentor Out

#flutter #deviceorientation #portraitandlandscapemode

Credits:

OUTRO SONG:
Mitsubachi by Smith The Mister https://smiththemister.bandcamp.com
Smith The Mister https://bit.ly/Smith-The-Mister-YT
Free Download / Stream: http://bit.ly/mitsubachi
Music promoted by Audio Library • Mitsubachi – Smith The Mister (No Copyrigh...

On this page of the site you can watch the video online Flutter - How To Show Different Content Based On Device Orientation (Portrait or Landscape Mode) with a duration of hours minute second in good quality, which was uploaded by the user Flutter Mentor 03 June 2021, share the link with friends and acquaintances, this video has already been watched 3,100 times on youtube and it was liked by 52 viewers. Enjoy your viewing!

37,384

1.6K

00:00:00