Flutter中如何让NavBar内的Divider在任意设备上距底部25px显示正常？

你当前用固定top:300.0的方式适配性极差，不同屏幕高度下Divider位置会严重偏移。正确做法是利用Spacer组件自动填充剩余空间，把Divider精准推到指定底部位置。

修改后的代码如下：

Widget buildMenuItems(BuildContext context) => Column( 
    children: [ 
      const SizedBox(height: 8),
      Divider(thickness: 1.6, color: Colors.blue),
      ListTile(
        leading: Icon(Icons.home_outlined),
        title: Text("Home page", style: TextStyle(fontSize: 15)),
      ),
      ListTile(
        leading: Icon(Icons.home_outlined),
        title: Text("Example page 2", style: TextStyle(fontSize: 15)),
      ),
      ListTile(
        leading: Icon(Icons.home_outlined),
        title: Text("Example page 3", style: TextStyle(fontSize: 15)),
      ),
      // 替换固定padding，用Spacer填充剩余空间
      const Spacer(),
      Padding(
        padding: const EdgeInsets.only(bottom: 25.0),
        child: Divider(thickness: 1.6, color: Colors.blue),
      ),
    ],
  );

关键说明： #

• Spacer会自动占据Column中未被ListTile、顶部Divider等组件占用的所有垂直空间，确保底部Divider始终被推到靠近屏幕底部的位置。
• 仅保留bottom:25.0的padding，就能让Divider保持距离底部25像素的间距，完美适配不同尺寸的设备屏幕。
• 确保这个Column的父容器（比如Drawer、侧边栏）有明确高度约束（这类组件默认会占满可用屏幕高度），Spacer才能正常工作。

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