Flutter Row组件中头像按钮居右对齐失效问题求助

• 问题核心：Row默认沿水平主轴依次排列子组件，若未填充中间空白空间，右侧组件无法自动靠右。只需在主题名称和头像之间添加Spacer()组件，即可填充两者间的剩余空间，将头像挤到右侧。

修改后的简洁版代码：

Row(
  children: [
    GestureDetector(
      child: Image(
        image: AssetImage("assets/images/backbutton.png"),
      ),
      onTap: () {
        Navigator.pushNamed(context, '/');
      },
    ),
    Padding(
      padding: EdgeInsets.fromLTRB(15, 0, 0, 0),
      child: Text(
        chapter.topic,
        style: TextStyle(
          fontFamily: "Raleway",
          fontSize: 24.0,
          fontWeight: FontWeight.bold,
          color: Color.fromARGB(255, 4, 35, 93),
        ),
      ),
    ),
    // 填充中间空白，将头像推至右侧
    Spacer(),
    Image(
      image: AssetImage("assets/images/profile.png"),
    ),
  ],
),

• 若需对右侧头像做更多布局控制，也可用Expanded包裹：

Row(
  children: [
    // 左侧返回按钮、主题名称代码保持不变
    GestureDetector(...),
    Padding(...),
    Expanded(
      child: Align(
        alignment: Alignment.centerRight,
        child: Image(
          image: AssetImage("assets/images/profile.png"),
        ),
      ),
    ),
  ],
),

两种方式均可实现需求：Spacer更适合单纯填充空间的场景，代码更简洁；Expanded则能为右侧组件提供更灵活的布局控制。

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