We all know the size of Flutter is in dp, so Flutter has a same screen adaptation problem as Android.
AutoScaling is a Flutter screen adaptation solution, base on AndroidAutoSize.
Use AutoScaling
wraps Scaffold
, you must init AutoScale
with two parameters:
- baseWidth: baseWidth is your design's width, the unit is dp
- child: child is
Scaffold
AutoScaling(
baseWidth: 375,
child: Scaffold(
...
),
)
In the child Widget of Scaffold
,if you want to set specific size of Widget, you must use function AutoScalingSize.scaleSize()
to convert size:
Container(
width: AutoScalingSize.scaleSize(context, 375),
height: AutoScalingSize.scaleSize(context, 25),
color: Colors.orange,
)