如何在Flutter登录页面底部添加Text组件？

下面提供几种可靠的实现方式，根据你当前的布局结构选择即可：

方案1：利用Scaffold的bottomNavigationBar（最简便） #

如果你的登录页面是用Scaffold包裹的，直接使用它的bottomNavigationBar属性就能轻松把Text固定在底部，不需要调整原有布局：

Scaffold(
  body: // 你的登录表单内容（输入框、按钮等）
  bottomNavigationBar: Padding(
    padding: EdgeInsets.symmetric(vertical: 16, horizontal: 24),
    child: Text("底部文本内容"),
  ),
)

方案2：Stack + Positioned 定位 #

如果页面没有用Scaffold，或者需要更灵活的底部定位，用Stack包裹整个页面内容，再用Positioned把Text固定到底部：

Stack(
  children: [
    // 你的登录页面主体内容（比如Column包裹的输入框、按钮）
    Positioned(
      left: 24,
      right: 24,
      bottom: 16,
      child: Text("底部文本内容"),
    ),
  ],
)

方案3：Column + Expanded 分配空间 #

如果你的页面主体是用Column布局的，给上方的登录内容套一个Expanded，让它占满剩余空间，底部的Text自然就会被挤到页面最下方：

Column(
  children: [
    Expanded(
      child: SingleChildScrollView(
        // 登录表单内容：账号输入框、密码输入框、登录按钮等
        child: Padding(
          padding: EdgeInsets.all(24),
          child: Column(
            children: [
              TextField(decoration: InputDecoration(hintText: "账号")),
              SizedBox(height: 16),
              TextField(decoration: InputDecoration(hintText: "密码")),
              SizedBox(height: 32),
              ElevatedButton(onPressed: () {}, child: Text("登录")),
            ],
          ),
        ),
      ),
    ),
    Padding(
      padding: EdgeInsets.symmetric(vertical: 16, horizontal: 24),
      child: Text("底部文本内容"),
    ),
  ],
)

为什么之前的Align/Spacer没生效？ #

大概率是你的外层布局没有设置足够的高度约束（比如没有包裹在Scaffold、Container(height: double.infinity)或者Expanded里），导致Align/Spacer无法获取可用空间来调整位置。上面的方案都解决了空间约束问题，任选其一即可。

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