proxy_layout
Package to select layout per orientation or device size like mobile vs tablet layouts or portrait vs landscape
Usage
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
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
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
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.
.png?token=GHSAT0AAAAAABVZ5UFW4VJMNZKXBKHUDOVWYXSDVZA)
76 Dec 20, 2022
9 Sep 27, 2022
162 Nov 22, 2022
13 Dec 13, 2022
7 Oct 24, 2022
307 Dec 24, 2022
69 Jan 3, 2023
432 Jan 3, 2023
2 Aug 21, 2022