Flutter自定义水平Stepper无法滚动到底部的问题求助

核心问题分析 #

你的代码存在嵌套ListView滚动冲突，同时内层ListView被固定高度限制，导致内容被截断无法滚动到底部。

具体修复步骤 #

• 移除内层ListView的固定高度：你给内层ListView套了SizedBox(height: MediaQuery.of(context).size.height)，这会强制内容高度等于屏幕高度，但外层已经通过Expanded分配了剩余空间，固定高度会导致超出部分被隐藏。
• 内层ListView禁用自身滚动：外层ListView已经负责垂直滚动，内层不需要独立滚动，设置physics: const NeverScrollableScrollPhysics()避免滚动冲突。
• 内层ListView开启shrinkWrap：设置shrinkWrap: true让内层ListView根据实际内容高度自适应，不再强制占用固定空间。
• 优化外层ListView配置：外层ListView被Expanded包裹，无需设置shrinkWrap: true（该属性适用于无父级约束的场景），保留physics: const ClampingScrollPhysics()即可。

修改后的代码示例 #

外层Stepper代码调整

MainScaffold(
  title: appBarTitle,
  body: Container(
    padding: const EdgeInsets.symmetric(horizontal: 16),
    width: width,
    child: Column(
      children: <Widget>[
        const SizedBox(height: 8),
        Row(children: _lineViews()),
        const SizedBox(height: 8),
        Row(
          mainAxisAlignment: MainAxisAlignment.spaceAround,
          children: _titleViews(),
        ),
        const SizedBox(height: 20),
        Expanded(
          child: ListView(
            physics: const ClampingScrollPhysics(),
            children: <Widget>[
              Column(
                  crossAxisAlignment: CrossAxisAlignment.stretch,
                  children: stepPanels())
            ],
          ),
        ),
        const SizedBox(height: 20),
      ],
    ),
  ),
  floatingActionButtonLocation: FloatingActionButtonLocation.centerFloat,
  floatingActionButton: _buttonControls(currentStep, context),
);

内层内容代码调整

Steps(
  content: Obx(
    () {
      if (controller.loading.value) {
        return const LoadingProgressIndicator();
      } else {
        return ListView(
          shrinkWrap: true,
          physics: const NeverScrollableScrollPhysics(),
          children: [
            controller.loading.value
                ? const LoadingProgressIndicator()
                : _doctorProfile(),
            const SizedBox(height: 10.0),
            const ClinicTypeToggle(),
            const SizedBox(height: 100.0),
          ],
        );
      }
    },
  ),
);

额外检查点 #

• 确认stepPanels()返回的内容没有被其他固定高度组件限制
• 检查MainScaffold的body是否存在其他嵌套滚动组件导致冲突

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