Flutter运行提示命名参数child已被指定，使用Column未解决问题求助

问题根因 #

报错The argument for the named parameter 'child' was already specified的核心原因是你代码中同一个Align组件重复声明了child参数：外层Align先指定了第一个child为顶部的Row组件，后续又重复声明了第二个child为居中的Align组件，Flutter规定单个组件的child命名参数只能赋值一次，因此触发编译报错。

修复方案 #

如果要在橙色容器内同时放置顶部操作栏和居中按钮组，将外层重复传参的Align替换为Stack组件即可，Stack支持通过children参数传入多个子组件，可配合Align控制每个子组件的位置。

修复后完整代码 #

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';

void main() {
  runApp(const MyApp());
}

// 注意：原自定义组件名Hero和Flutter内置Hero组件重名，这里修改为MyApp避免冲突
class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
        debugShowCheckedModeBanner: false,
        title: 'Flutter Demo',
        theme: ThemeData(
          primarySwatch: Colors.amber,
        ),
        home: Scaffold(
            appBar: AppBar(
              title: const Text("Kerby promo"),
            ),
            floatingActionButton:
                FloatingActionButton(onPressed: () {}, child: const Icon(Icons.add)),
            floatingActionButtonLocation:
                FloatingActionButtonLocation.centerDocked,
            body: Padding(
                padding: const EdgeInsets.all(8.0),
                child: Center(
                    child: Container(
                      height: 500,
                      width: 300,
                      decoration: const BoxDecoration(
                          borderRadius: BorderRadius.all(Radius.circular(25)),
                          color: Colors.orange),
                      // 用Stack替换原来重复传child的Align
                      child: Stack(
                        children: [
                          // 顶部操作行
                          Align(
                            alignment: Alignment.topCenter,
                            child: Row(
                              children: [
                                IconButton(
                                    onPressed: () {
                                      print('holla');
                                    },
                                    icon: const Icon(Icons.keyboard_return_rounded)),
                                const Spacer(),
                                IconButton(
                                    onPressed: () {
                                      print('holla');
                                    },
                                    icon: const Icon(Icons.portrait))
                              ],
                            ),
                          ),
                          // 居中按钮列
                          Align(
                            alignment: Alignment.center,
                            child: Column(
                              mainAxisSize: MainAxisSize.min,
                              children: [
                                IconButton(
                                    onPressed: () {
                                      print('holla');
                                    },
                                    icon: const Icon(Icons.keyboard_return_rounded)),
                                const Spacer(),
                                IconButton(
                                    onPressed: () {
                                      print('holla');
                                    },
                                    icon: const Icon(Icons.portrait))
                              ],
                            ),
                          )
                        ],
                      ),
                    )))));
  }
}

额外优化提示 #

你原来的自定义组件名Hero和Flutter SDK内置的页面过渡动画组件Hero重名，建议修改为自定义名称避免后续开发出现潜在的命名冲突。

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