Flutter中Stack内用Positioned容器触发size.isFinite错误排查

这个'size.isFinite': is not true断言错误，说白了就是某个组件的尺寸被算出无限大了，Flutter绝不允许这种情况出现在需要确定布局的组件里（比如你用的Positioned）。结合你的场景，问题十有八九出在MovableTextBox组件本身，或者包裹它的Positioned组件的约束设置上。

1. 给Positioned补全尺寸约束 #

Positioned在Stack里不能只设left/top就完事，要是没给width/height，或者子组件（MovableTextBox）自己也没个确定的尺寸上限，就会触发这个错误。

• 修复：直接给Positioned加明确的width和height，或者确保MovableTextBox本身有有限的尺寸约束。
  举个例子：

  Positioned(
    left: 50,
    top: 50,
    width: 200, // 必须设有限宽度
    height: 100, // 必须设有限高度
    child: MovableTextBox(),
  )
  

2. 给MovableTextBox内部加尺寸限制 #

要是MovableTextBox里用了无约束的组件（比如没设maxLines的TextField，或者在没父级约束的容器里用Expanded），会导致它自己的尺寸无限大。

• 修复：给文本框套个Container并设宽高，或者给TextField加maxLines限制，同时约束最大宽度。
  示例：

  class MovableTextBox extends StatelessWidget {
    @override
    Widget build(BuildContext context) {
      return Container(
        width: 200, // 固定宽度
        height: 100, // 固定高度
        child: TextField(
          maxLines: 3,
          decoration: InputDecoration(border: OutlineInputBorder()),
        ),
      );
    }
  }
  

3. 检查AspectRatio的父级约束 #

你的图片用AspectRatio布局，要是AspectRatio的父组件没给有限的宽高（比如直接扔在无约束的Stack里），会导致图片尺寸无限，进而影响整个Stack里其他组件的布局计算。

• 修复：给AspectRatio套个有约束的父组件，比如用Container设width，或者用LayoutBuilder拿父级可用空间：

  Stack(
    children: [
      LayoutBuilder(
        builder: (context, constraints) {
          return AspectRatio(
            aspectRatio: 16/9,
            child: Image.network('your_image_url', fit: BoxFit.cover),
          );
        },
      ),
      // 其他Positioned组件
    ],
  )
  

4. 拖拽缩放逻辑加尺寸边界限制 #

要是拖拽或缩放时没限制组件的最小/最大尺寸，可能会把组件缩到无限大或无限小，触发这个尺寸断言错误。

• 修复：在缩放逻辑里加个范围限制，比如最小宽度50，最大宽度不超过屏幕宽度减边距：

  double newWidth = currentWidth * scaleFactor;
  newWidth = newWidth.clamp(50, MediaQuery.of(context).size.width - 20);
  

1. 先把MovableTextBox的拖拽缩放逻辑注释掉，只留基础的Positioned+文本框，看还报错不。如果不报错，说明问题出在拖拽缩放的尺寸计算上。
2. 给所有Positioned组件强制设固定宽高，验证能不能正常运行，再慢慢调整约束到你需要的效果。

内容的提问来源于stack exchange，提问作者Harsh Rajpara