Flutter疑问:找不到代码错误,为何无法在Column中添加两个Container?
问题原因及修复方案
你的代码存在两个关键问题:
- 第一个
Container末尾缺少逗号:Dart语法要求列表中的每个元素必须用逗号分隔(哪怕是最后一个元素,也建议添加逗号,避免后续修改代码时重复踩坑) - 代码未完成闭合:
Column的children列表、Column组件、Scaffold组件的括号都没有收尾
修复后的完整代码:
home: Scaffold( backgroundColor: Colors.teal, body: Column( children: [ Container( color: Colors.red, width: 100, height: 100, ), // 补上缺失的逗号 Container( color: Colors.blue, width: 100, height: 100, ), ], // 闭合children列表 ), // 闭合Column组件 ), // 闭合Scaffold的home参数
补充说明:Dart对集合(比如这里的children: []列表)语法要求严格,缺失逗号会导致编译器无法识别第二个Container是列表的一部分,直接触发语法错误。补上逗号并完成括号闭合后,代码就能正常运行,Column组件内会显示两个彩色容器。
内容的提问来源于stack exchange,提问作者OMAR . DARAZI
相关产品推荐
相关产品推荐

