Flutter — Adjust UI based on orientation

<p><strong>In this short article, we will see how to adjust the UI differently based on device orientation.</strong></p> <p>Presenting your stuff, whether it be a product, idea, or personal attribute, in every aspect of life holds a paramount significance that cannot be overstated. In mobile apps, effectively showcasing and promoting what you have to offer holds tremendous value and plays a pivotal role in achieving success.</p> <p>There are situations where you want to utilize the device screen and display the data efficiently. If your app support both modes i.e. Portrait mode and Landscape mode, you might have to rethink some of your screens where you are displaying listing especially if you are using Gridview. Flutter provides a way to orientate your UI differently based on the current orientation.</p> <p>Suppose you have a list and your portrait mode needs to show 2 items at each row. What we need to do here is use Gridview and its&nbsp;<em>crossAxisCount&nbsp;</em>property like below.</p> <p><a href="https://medium.com/@mobileapps.development111/flutter-adjust-ui-based-on-orientation-b747cb4734ce"><strong>Learn More</strong></a></p>
Tags: Flutter UI