Question

我创建了小部件列表...

<script src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
<div id="root"></div>

]; `

然后我尝试使用body属性中的这一行代码将其返回

`List<Widget> commWidgets = [
Card(
  color: Colors.blueGrey[200],
  child: Column(
    children: <Widget>[
      Text('Commodity 1'),
      Row(
        children: <Widget>[
          Text('Opening Stock'),
          Text('Bought/Sold'),
          Text('Closing Stock')
        ],
      )
    ],
  ),
),
Card(
  color: Colors.blueGrey[300],
  child: Column(
    children: <Widget>[
      Text('Commodity 2'),
      Row(
        children: <Widget>[
          Text('Opening Stock'),
          Text('Bought/Sold'),
          Text('Closing Stock')
        ],
      )
    ],
  ),
),
Card(
  color: Colors.blueGrey[200],
  child: Column(
    children: <Widget>[
      Text('Commodity 3'),
      Row(
        children: <Widget>[
          Text('Opening Stock'),
          Text('Bought/Sold'),
          Text('Closing Stock')
        ],
      )
    ],
  ),
),

，但失败并显示以下错误：编译器消息： lib / main.dart：70：51：错误：类“小部件”是抽象的，无法实例化。子级：commWidgets.map（（commWidget）=> Widget（commWidget））。toList（）， ^^^^^^

Answer 1

您已经有一个小部件列表，此处的map功能不适用编辑-解决了问题列小部件将自动显示列表中的小部件

Column (
children: commWidgets
)

如何在Flutter中使用地图功能返回小部件列表

1 个答案: