Flutter使用List动态加载Widget报错：TabContainer类型不匹配

错误根源 #

报错'type 'TabContainer' is not a subtype of type 'List' of 'function result'的核心原因是类型不匹配：

• calculator()函数返回的是单个TabContainer实例，但代码中把它当成List类型存入display列表，或者display被错误定义为List<List<Widget>>（嵌套列表），与实际存入的单个Widget类型冲突。

修复步骤 #

1. 修正display的类型定义
   确保display是存储单个Widget的普通列表，而非嵌套列表：

   List<Widget> display = [];
   

2. 确认calculator()的返回值
   保证calculator()返回单个TabContainer，而非List：

   Widget calculator() {
     return TabContainer();
   }
   

3. 正确添加元素到列表
   建议在initState中添加元素，避免build方法重复调用导致列表重复添加内容：

   @override
   void initState() {
     super.initState();
     display.add(calculator());
   }
   

4. 修正build方法的body引用
   直接使用display.first作为Scaffold的body即可：

   @override
   Widget build(BuildContext context) {
     return Scaffold(
       body: display.first,
     );
   }
   

完整修正示例 #

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

  @override
  State<YourPage> createState() => _YourPageState();
}

class _YourPageState extends State<YourPage> {
  List<Widget> display = [];

  Widget calculator() {
    return TabContainer(); // 自定义的TabContainer组件
  }

  @override
  void initState() {
    super.initState();
    display.add(calculator());
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: display.first,
    );
  }
}

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