Package to select layout per orientation or device size like mobile vs tablet layouts or portrait vs landscape
You have two widgets at your disposal, DeviceProxy to use different widget for mobile and tablet devices, OrientationProxy to use different device depending of the device orientation.
DeviceProxy(
mobileBuilder: (context) => Text('Mobile widget'),
tabletBuilder: (context) => Text('Tablet widget'),
),The threshold to separate Mobile and Tablet devices is 600, you can override it by setting the threshold attribute.
If you don't want to specify mobile and tablet you can use builder attribute that will let you know if you are on tablet or mobile with DeviceProxyType enum.
The is isMobile and isTablet static methods available if you need to know at some point the device type to tweak some attributes.
OrientationProxy(
landscapeBuilder: (context) => Text('Landscape widget'),
portraitBuilder: (context) => Text('Portrait widget'),
),If you don't want to specify portrait and landscape you can use builder attribute that will let you know which orientation you are with DeviceOrientationType enum.
The is isPortrait and isLandscape static methods available if you need to know at some point the orientation to just tweak some attributes.
LayoutProxy help you manage device and orientation at once, check this out:
LayoutProxy(
tabletPortraitBuilder: (context) => Text('Tablet portrait widget'),
tabletLandscapeBuilder: (context) => Text('Tablet landscape widget'),
mobilePortraitBuilder: (context) => Text('Mobile portrait widget'),
mobileLandscapeBuilder: (context) => Text('Mobile landscape widget'),
),The threshold to separate Mobile and Tablet devices is 600, you can override it by setting the threshold attribute.