Flutter使用screenUtil调用setState后容器与组件尺寸异常缩小

针对调用setState后布局尺寸缩小、组件异常的问题，可按以下步骤排查解决：

• 确保ScreenUtil仅初始化一次
  不要在State的build方法中初始化ScreenUtil，必须将初始化放在全局入口（如MaterialApp的builder中），避免每次setState重建时重复初始化导致适配参数错乱。示例代码：

  void main() => runApp(const MyApp());
  
  class MyApp extends StatelessWidget {
    const MyApp({super.key});
  
    @override
    Widget build(BuildContext context) {
      return ScreenUtilInit(
        designSize: const Size(375, 812), // 对应你的设计稿尺寸
        minTextAdapt: true,
        builder: (context, child) {
          return MaterialApp(
            home: child,
            debugShowCheckedModeBanner: false,
          );
        },
        child: const HomePage(),
      );
    }
  }
  

• 直接使用扩展方法，避免重复计算
  不要在build里提前计算适配值并赋值给变量，直接在组件属性中使用flutter_screenutil提供的扩展方法（如100.w、50.h），确保每次布局都基于正确的全局适配参数：

  // 错误写法：提前计算可能导致setState后值异常
  // final boxWidth = ScreenUtil().setWidth(100);
  // return Container(width: boxWidth);
  
  // 正确写法
  return Container(width: 100.w);
  

• 关闭不必要的分屏/旋转适配
  若你的应用不需要支持屏幕旋转或分屏，初始化时关闭splitScreenMode，减少适配参数的动态变更概率：

  ScreenUtilInit(
    designSize: const Size(375, 812),
    splitScreenMode: false, // 关闭分屏适配
    builder: ...
  )
  

• 排查Context嵌套问题
  确保布局中使用的Context是ScreenUtilInit包裹范围内的Context，避免使用未经过初始化的根Context，否则会获取不到正确的屏幕适配参数。

内容的提问来源于stack exchange，提问作者maak akasha