Flutter代码报错：未定义命名参数'child'的原因排查

1. 第51行：Column组件误用了不存在的child参数 #

Column是多子组件容器，它接收子组件的参数是**children**（复数形式），而非child。你这里用child传递单个Container，属于参数名错误。

2. 第62行：Scaffold组件不支持child参数 #

Scaffold的布局结构是通过appBar、body、floatingActionButton等专属属性定义的，并没有child这个参数。你直接给Scaffold添加child放置ElevatedButton，不符合组件规范，应该将按钮移入body内的Column子组件列表中。

修正后的完整代码 #

import 'package:flutter/material.dart';
import 'package:audioplayers/audioplayers.dart';

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

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      title: 'Time Attack',
      theme: ThemeData(
        primarySwatch: Colors.red,
      ),
      home: const MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({super.key});

  @override
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  @override
  Widget build(BuildContext context) {
    // 移除多余的MaterialApp嵌套，根组件已提供该上下文
    return Scaffold(
      backgroundColor: Colors.black,
      appBar: AppBar(
        backgroundColor: Colors.red,
        title: const Text('Time Attack'),
        centerTitle: true,
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: () {
          final player = AudioCache();
          //player.play('musicForapp.mp3');
        },
        backgroundColor: Colors.red,
        child: const Icon(Icons.punch_clock),
      ),
      body: Column(
        // 将child改为children，传递子组件列表
        children: [
          Container(
            color: Colors.red,
            child: const Text(
              "Click the Icon in the bottom left to simulate an alarm",
              style: TextStyle(
                color: Colors.white,
                fontSize: 30.0,
              ),
            ),
          ),
          // 将ElevatedButton移入Column的子组件列表
          ElevatedButton(
            onPressed: () {
              Navigator.push(
                context,
                MaterialPageRoute(
                  builder: (_) => const TasksPage(),
                ),
              );
            },
            child: const Text("Navigate"),
          ),
        ],
      ),
    );
  }
}

class TasksPage extends StatefulWidget {
  const TasksPage({super.key});

  @override
  State<TasksPage> createState() => _TasksPageState();
}

class _TasksPageState extends State<TasksPage> {
  @override
  Widget build(BuildContext context) {
    // 移除多余的MaterialApp嵌套
    return Scaffold(
      appBar: AppBar(
        backgroundColor: Colors.red,
        title: const Text('Tasks'),
        centerTitle: true,
      ),
      backgroundColor: Colors.black, // 统一背景色风格
      body: const Center(
        child: Text(
          "What is 2 x 2?",
          style: TextStyle(
            color: Colors.white,
            fontSize: 30.0,
          ),
        ),
      ),
    );
  }
}

额外优化说明：

• 移除了MyHomePage和TasksPage中多余的MaterialApp嵌套，避免路由、主题等上下文冲突；
• 为TasksPage的Scaffold添加黑色背景色，保持页面风格统一；
• 修正了文本中的拼写错误（bottem → bottom）。

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