Flutter问题：如何将按钮对齐至行的右侧角落

你的核心问题是Row设置MainAxisAlignment.end后未生效，本质是Row没有占据按钮的全部可用宽度，再加上MaterialButton默认内容居中，导致Row只能在自身窄范围内右对齐，视觉上还是居中效果。

具体修复步骤： #

1. 给Row设置全屏宽度
   给Row添加width: double.infinity，让它占满MaterialButton的全部宽度，这样MainAxisAlignment.end就能让内容靠右侧排列：

   return Row(
     width: double.infinity, // 新增这一行
     mainAxisAlignment: MainAxisAlignment.end,
     children: [
       // 原有子组件代码
     ],
   );
   

2. 直接设置MaterialButton的内容对齐
   给MaterialButton添加alignment: Alignment.centerRight，直接让按钮的子元素靠右对齐，无需依赖Row的对齐设置：

   MaterialButton(
     onPressed: () async {
       updateFavoriteStatus(
         context: context,
         isFavorite: isFavorite,
         product: product,
       );
     },
     height: getProportionateScreenHeight(0.0566),
     color: AppColors.kPrimaryColor,
     shape: RoundedRectangleBorder(
       borderRadius: BorderRadius.circular(25),
     ),
     alignment: Alignment.centerRight, // 新增这一行
     child: Consumer<Product>(builder: (context, prod, ch) {
       // 原有Consumer代码
     }),
   )
   

3. 移除冗余的按钮嵌套
   你当前代码嵌套了OutlinedButton和MaterialButton两个按钮组件，这会导致布局层级冗余，甚至可能引发样式冲突。建议直接保留MaterialButton即可，去掉外层的OutlinedButton，简化布局结构。

修改后的完整代码示例： #

MaterialButton(
  onPressed: () async {
    updateFavoriteStatus(
      context: context,
      isFavorite: isFavorite,
      product: product,
    );
  },
  height: getProportionateScreenHeight(0.0566),
  color: AppColors.kPrimaryColor,
  shape: RoundedRectangleBorder(
    borderRadius: BorderRadius.circular(25),
  ),
  alignment: Alignment.centerRight,
  child: Consumer<Product>(builder: (context, prod, ch) {
    final isFavorite =
        Provider.of<Favorites>(context, listen: false)
            .isFavoriteOrNot(prod.id);
    final productLikes = prod.likes!;
    return Row(
      children: [
        InkWell(
          onTap: tryUpdateFavoriteStatus,
          child: Icon(
            CupertinoIcons.heart_fill,
            color: isFavorite
                ? AppColors.philippineSilver
                : AppColors.white,
          ),
        ),
        SizedBox(
          width: getProportionateScreenWidth(0.15),
        ),
        Text(
          '$productLikes ',
          style:
              Theme.of(context).textTheme.bodyMedium!.copyWith(
                    color: AppColors.white,
                  ),
        ),
      ],
    );
  }),
)

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