Flutter中如何让Positioned组件随页面内容一同滚动？

你的问题核心是Stack组件位于可滚动容器外部，导致内部的Positioned元素相对于固定的父容器定位，无法随滚动内容移动。下面是两种直接有效的解决方式：

方法一：将Stack嵌套进可滚动组件内部 #

把包含返回箭头、图片和文本的整个内容都放到SingleChildScrollView（或其他可滚动组件）里的Stack中，这样Stack本身就是滚动内容的一部分，Positioned的箭头会跟着整个内容一起滚动。

示例代码：

SingleChildScrollView(
  child: Stack(
    children: [
      // 页面主内容：图片 + 长文本
      Column(
        children: [
          Image.network('你的图片URL'),
          SizedBox(height: 16),
          Padding(
            padding: EdgeInsets.symmetric(horizontal: 16),
            child: Text(
              '这里是大量的文本内容...',
              style: TextStyle(fontSize: 16),
            ),
          ),
        ],
      ),
      // 随滚动移动的返回箭头
      Positioned(
        top: 20,
        left: 16,
        child: IconButton(
          icon: Icon(Icons.arrow_back),
          onPressed: () => Navigator.pop(context),
        ),
      ),
    ],
  ),
)

方法二：放弃Stack，用常规布局组件组合 #

如果不需要复杂的层叠效果，用Column+Row的组合更简洁，同样能实现箭头随滚动移动：

示例代码：

SingleChildScrollView(
  child: Column(
    crossAxisAlignment: CrossAxisAlignment.start,
    children: [
      // 顶部区域：返回箭头 + 图片
      Stack(
        alignment: Alignment.topLeft,
        children: [
          Image.network('你的图片URL'),
          Padding(
            padding: EdgeInsets.only(top: 20, left: 16),
            child: IconButton(
              icon: Icon(Icons.arrow_back),
              onPressed: () => Navigator.pop(context),
            ),
          ),
        ],
      ),
      // 长文本内容
      Padding(
        padding: EdgeInsets.all(16),
        child: Text(
          '这里是大量的文本内容...',
          style: TextStyle(fontSize: 16),
        ),
      ),
    ],
  ),
)

关键逻辑：只要让返回箭头所在的布局组件成为可滚动内容的一部分，而不是固定在滚动容器的外部，就能实现随滚动移动的效果。

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