Flutter const构造器报错求助：非常量字段初始化问题

问题原因 #

1. 第一个报错：const构造函数要求类的所有字段必须用常量值初始化，但你的mylist是普通List（未加const修饰），且字段本身不是final，不符合const构造的规则。
2. 第二个报错：带const的构造函数，所在类的所有字段必须是final类型——因为const实例是完全不可变的，非final字段允许被修改，这和const的核心特性冲突。

解决方案 #

提供三种可行修复方案，按需选择：

方案一：移除构造函数的const关键字

这是最直接的方案，适合不需要将MyApp实例作为常量使用的场景：

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp()); // 同步移除这里的const
}

class MyApp extends StatelessWidget {
  MyApp({super.key}); // 移除构造函数的const
  List<Widget> mylist = [
            Container(
              height: 300,
              width: 300,
              color: Colors.red,
            ),
            Container(
              height: 300,
              width: 300,
              color: Colors.green,
            ),
            Container(
              height: 300,
              width: 300,
              color: Colors.blue,
            ),
            Container(
              height: 300,
              width: 300,
              color: Colors.amber,
            ),
          ];

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text("List View"),
        ),        
        body: ListView(
          //scrollDirection: Axis.horizontal,
          children: mylist,
        ),
      ),
    );
  }
}

方案二：将mylist设为final并使用const初始化（推荐）

如果希望保留MyApp的const构造（让实例可作为常量），需要把mylist改为final，同时用const修饰列表及内部的Container：

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  const MyApp({super.key});
  final List<Widget> mylist = const [ // 添加final和const
            const Container( // 每个Container也要加const
              height: 300,
              width: 300,
              color: Colors.red,
            ),
            const Container(
              height: 300,
              width: 300,
              color: Colors.green,
            ),
            const Container(
              height: 300,
              width: 300,
              color: Colors.blue,
            ),
            const Container(
              height: 300,
              width: 300,
              color: Colors.amber,
            ),
          ];

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text("List View"),
        ),        
        body: ListView(
          //scrollDirection: Axis.horizontal,
          children: mylist,
        ),
      ),
    );
  }
}

方案三：将mylist移到build方法内部

如果mylist仅在build中使用，直接把它放到方法内，避免类字段带来的const冲突：

import 'package:flutter/material.dart';

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

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

  @override
  Widget build(BuildContext context) {
    List<Widget> mylist = [
            Container(
              height: 300,
              width: 300,
              color: Colors.red,
            ),
            Container(
              height: 300,
              width: 300,
              color: Colors.green,
            ),
            Container(
              height: 300,
              width: 300,
              color: Colors.blue,
            ),
            Container(
              height: 300,
              width: 300,
              color: Colors.amber,
            ),
          ];
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text("List View"),
        ),        
        body: ListView(
          //scrollDirection: Axis.horizontal,
          children: mylist,
        ),
      ),
    );
  }
}

内容的提问来源于stack exchange，提问作者Tri Amin Ridho