Flutter开发屏幕适配方案

移动端手机牌子众多，开发中适配问题基本是必须要考虑的，下面我们看看flutter中的屏幕适配解决方案吧

第三方开源框架 flutter_ScreenUtil的使用
依赖下导入框架

flutter_screenutil: ^0.5.3  #https://github.com/OpenFlutter/flutter_screenutil

使用示例

1，初始化尺寸 下面有三种方式

 // 建议在第一次 build 的时候就进行初始化，这样接下来就可以放心使用了。

    // 方式一：默认设置宽度1080px，高度1920px
    ScreenUtil.instance = ScreenUtil.getInstance()..init(context);
    // 方式二：设置宽度750px，高度1334px
    ScreenUtil.instance = ScreenUtil(width: 750, height: 1334)..init(context);
    // 方式三：设置宽度750px，高度1334px，根据系统字体进行缩放
    ScreenUtil.instance = ScreenUtil(width: 750, height: 1334, allowFontScaling: true)..init(context);

2，传入设计稿的尺寸比如下面的

 Container(
                            padding: EdgeInsets.only(top: ScreenUtil().setHeight(10)),
                            width: 60,
                            height: ScreenUtil().setHeight(88),
                            child:
                            new InkWell(
                              onTap: () {
                             
//            backgroundColor: Color(0xe74c3c),
//            textColor: Color(0xffffff)

                                );
                              },

好了 就这么简单 目前使用起来还是比较简单的 不用什么操作性，当然还有些字体适配那些就没详细说了，大家可以试试，有更先进的方式，欢迎交流