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

Publicado el: 03 junio 2021
en el canal de: 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...

En esta página del sitio puede ver el video en línea Flutter - How To Show Different Content Based On Device Orientation (Portrait or Landscape Mode) de Duración hora minuto segunda en buena calidad , que subió el usuario Flutter Mentor 03 junio 2021, comparta el enlace con amigos y conocidos, en youtube este video ya ha sido visto 3,100 veces y le gustó 52 a los espectadores. Disfruta viendo!

37,384

1.6K

00:00:00