Flutter模态框标题居中与关闭按钮右对齐问题求解

你的问题出在Expanded让Text组件占据了Row中除IconButton外的剩余空间，所以Text的居中是相对于这个剩余区域，而非整个Row的中心。这里给你三种实用的解决办法：

方法一：左侧添加宽度匹配的占位符 #

在Row左侧添加一个和IconButton宽度一致的占位容器，让Text的Expanded区域对称分布，从而实现真正居中：

Row(
  children: [
    // 匹配IconButton的默认宽度
    SizedBox(width: IconButton.sizeOf(const Icon(Icons.close))),
    Expanded(
      child: Text(
        "Filters",
        style: const TextStyle(
          fontSize: 25,
          fontWeight: FontWeight.bold,
        ),
        textAlign: TextAlign.center,
      ),
    ),
    IconButton(
      icon: const Icon(Icons.close),
      onPressed: () {
        Navigator.pop(context);
      },
    ),
  ],
)

方法二：使用Stack布局 #

用Stack让标题直接居中于整个头部区域，关闭按钮通过Positioned固定在右侧，完全不受按钮宽度影响：

Stack(
  alignment: Alignment.center,
  children: [
    Text(
      "Filters",
      style: const TextStyle(
        fontSize: 25,
        fontWeight: FontWeight.bold,
      ),
    ),
    Positioned(
      right: 0,
      child: IconButton(
        icon: const Icon(Icons.close),
        onPressed: () {
          Navigator.pop(context);
        },
      ),
    ),
  ],
)

方法三：对称占位透明按钮 #

利用Row的MainAxisAlignment.spaceBetween，左侧放一个透明的IconButton占位，让左右宽度一致，中间标题自然居中：

Row(
  mainAxisAlignment: MainAxisAlignment.spaceBetween,
  children: [
    Opacity(
      opacity: 0,
      child: IconButton(
        icon: const Icon(Icons.close),
        onPressed: () {},
      ),
    ),
    Text(
      "Filters",
      style: const TextStyle(
        fontSize: 25,
        fontWeight: FontWeight.bold,
      ),
    ),
    IconButton(
      icon: const Icon(Icons.close),
      onPressed: () {
        Navigator.pop(context);
      },
    ),
  ],
)

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