如何调整Flutter按钮位置？Align组件未生效问题求助

你的布局问题核心出在Wrap组件的使用上：Wrap不支持Expanded，而且垂直方向的Wrap会让子项按自身高度依次排列，导致你的Align组件只能在自己的小范围内对齐，没法撑满容器宽度实现右下角定位。

直接改这几点就能解决：

• 把外层的Wrap换成Column，这是垂直布局的标准组件，能支持空间分配配置
• 给Column加上mainAxisAlignment: MainAxisAlignment.spaceBetween，让表单区和按钮区分开占据上下空间
• 确保按钮所在的容器撑满宽度，这样Align的bottomRight才能相对于整个容器生效

修改后的完整代码：

Container(
  width: double.infinity,
  margin: EdgeInsets.fromLTRB(10, 0, 10, 10),
  padding: EdgeInsets.symmetric(horizontal: 190, vertical: 20),
  decoration: BoxDecoration(
    border: Border.all(
      color: Colors.transparent,
      width: 1.0,
    ),
  ),
  child: Column(
    mainAxisAlignment: MainAxisAlignment.spaceBetween,
    children: [
      Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          SizedBox(
            height: 30,
            child: Text(
              'Important patient note',
              style: TextStyle(
                  fontWeight: FontWeight.bold,
                  fontSize: 16),
            ),
          ),
          SizedBox(
            width: 1020,
            child: TextFormField(
              textAlign: TextAlign.start,
              maxLines: 6,
              style: const TextStyle(color: Colors.black),
              controller: importantNotes,
              onSaved: (String? value) {
                importantNotes.text = value!;
              },
              decoration: const InputDecoration(
                border: OutlineInputBorder(),
                hintText: 'Important patient note',
                hintStyle: TextStyle(
                  color: Colors.grey,
                  fontSize: 16,
                ),
              ),
            ),
          )
        ],
      ),
      Align(
        alignment: Alignment.bottomRight,
        child: ButtonTheme(
          minWidth: 100.0,
          height: 50.0,
          buttonColor: mainColor,
          child: FlatButton(
            padding: EdgeInsets.fromLTRB(30, 0, 30, 0),
            textColor: Colors.white,
            color: mainColor,
            child: Text('Save notes'),
            onPressed: () => _savePatientImportantNotes(),
          ),
        ),
      )
    ],
  ),
)

关键修改说明：

1. Column替代Wrap：Column支持通过mainAxisAlignment控制子项在垂直方向的分布，这是Wrap做不到的
2. spaceBetween对齐：让表单模块自动靠上，按钮模块自动靠下，不需要额外的Expanded浪费空间
3. 移除冗余Expanded：原来的Expanded在Wrap里无效，现在Column布局下，按钮直接用Align包裹就能撑满宽度，实现右下角定位

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