Flutter Drawer底部Footer组件对齐问题修复求助

你的问题出在用SingleChildScrollView包裹了整个Column，导致Column高度仅适配内容，无法撑满Drawer的全部高度，因此Footer无法自动对齐到底部。

修复方案 #

调整Drawer的结构，让中间的菜单区域用Expanded包裹SingleChildScrollView，这样菜单区域会自动填充Drawer的剩余空间，Footer自然就会贴在底部：

class _NavigationDrawer extends State<NavigationDrawer> {
  @override
  Widget build(BuildContext context) {
    return Drawer(
      backgroundColor: Colors.white,
      // 替换为Column作为主容器，而非用SingleChildScrollView包裹整个Column
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.stretch,
        children: <Widget>[
          buildHeader(context),
          // 用Expanded包裹SingleChildScrollView，让菜单区域填充剩余空间
          Expanded(
            child: SingleChildScrollView(
              child: buildMenuItem(context),
            ),
          ),
          buildFooter(context),
        ],
      ),
    );
  }
}

同时可以简化buildFooter方法，去掉多余的嵌套Align：

Widget buildFooter(BuildContext context) => Container(
      color: Colors.green,
      padding: EdgeInsets.symmetric(vertical: 16),
      alignment: Alignment.center,
      child: Column(
        children: <Widget>[
          Text("Developed by .."),
          Text(
            "Version 1.0.0",
            style: TextStyle(
                fontSize: 11,
                color: Colors.black,
                fontWeight: FontWeight.bold),
          )
        ],
      ),
    );

原理说明 #

• Drawer的高度默认占满屏幕，用Column作为直接子组件时，Column会拉伸到Drawer的高度。
• Expanded会让中间的滚动菜单区域自动填充Header和Footer之外的所有剩余空间。
• SingleChildScrollView仅负责包裹菜单内容，当菜单过长时可滚动，不会影响Footer的固定位置。

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