How to detect orientation change in layout in Flutter?

by

In order to determine the Orientation of the screen, we can use the OrientationBuilder Widget. The OrientationBuilder will determine the current Orientation and rebuild when the Orientation changes.

new OrientationBuilder(
  builder: (context, orientation) {
    return new GridView.count(
      // Create a grid with 2 columns in portrait mode, or 3 columns in
      // landscape mode.
      crossAxisCount: orientation == Orientation.portrait ? 2 : 3,
    );
  },
);

you can find the complete example here:
https://flutter.io/cookbook/design/orientation/

More Related Contents:

  1. How to change status bar color in Flutter?
  2. Flutter: RenderBox was not laid out
  3. Flutter TextFormField hidden by keyboard
  4. How to Move bottomsheet along with keyboard which has textfield(autofocused is true)?
  5. Custom AppBar Flutter
  6. Horizontally scrollable cards with Snap effect in flutter
  7. How to create toolbar searchview in flutter
  8. how to download/create pdf through webview in flutter
  9. How can we change appbar background color in flutter
  10. Is there a way to load async data on InitState method?
  11. How to show/hide widgets programmatically in Flutter
  12. How to create GridView Layout in Flutter
  13. What is the relation between stateful and stateless widgets in Flutter?
  14. Persisting AppBar Drawer across all Pages Flutter
  15. Replace initial Route in MaterialApp without animation?
  16. how can we use superscript and subscript text in flutter Text or RichText
  17. Flutter: Remove padding in buttons – FlatButton, ElevatedButton, OutlinedButton
  18. How can I navigate between 2 classes, one of them requires passing data? in flutter
  19. Flutter: Update Widgets On Resume?
  20. Flutter Firestore Server side Timestamp
  21. Can the spread operator be used to supply function arguments?
  22. Flutter: BottomNavigationBar rebuilds Page on change of tab
  23. Does using const in the widget tree improve performance?
  24. How to schedule background tasks in Flutter?
  25. How to use InputFormatter on Flutter TextField?
  26. Colon : in Dart constructor syntax
  27. How can I add shadow to the widget in flutter?
  28. Flutter – How to set status bar color when AppBar not present
  29. how to access an object created in one stateful widget in another stateful widget in flutter
  30. Flutter – How to make a custom TabBar

Leave a Comment