Flutter 适配移动端和web不同尺寸

用到的库

这款开源的库,可以实现不同屏幕尺寸的适配.responsive_builder

使用方法

1. pubspec.yaml引入库 responsive_builder: ^0.3.0

2. 代码引用 import 'package:responsive_builder/responsive_builder.dart';

3. 像使用普通控件一样,使用如下代码:

ResponsiveBuilder(
              builder: (context, sizingInformation) {
                if (sizingInformation.deviceScreenType ==
                    DeviceScreenType.desktop) {
                  return Container(
                    color: Colors.blue,
                    child: Text("desktop"),
                  );
                }

                if (sizingInformation.deviceScreenType ==
                    DeviceScreenT