flutter - 我可以在 flutter 列/行/堆栈上加入静态和动态小部件吗？

Question

假设我有这个:

child: new Column(
          children: <Widget>[
            Center(child: Text("This is my title"),),
]

有没有办法让我在静态居中文本之后将列表添加到此列？或者我必须添加使用此方法:

List<Widget> widgets();
widgets.add(Center(child: Text("This is my title"),));
for (var a=0;a<5;a++) {
widgets.add(Text("$a"));
}

然后像这样添加所有列表:

child: new Column(
              children: widgets

Answer 1

这是一个小示例，您可以在其中设置一个居中的标题和一个数字列表。您可以在点击按钮时修改列表:

List<int> numbers = [1, 2, 3];

如果您希望标题与列表一起滚动:

ListView(
  children: <Widget>[
    RaisedButton(
      child: Text("Add number"),
      onPressed: () {
        setState(() {
          numbers.add(numbers.length + 1);
        });
      },
    ),
    Center(
      child: Text("This is my title"),
    ),
    ListView.builder(
      shrinkWrap: true,
      physics: NeverScrollableScrollPhysics(),
      itemCount: numbers.length,
      itemBuilder: (context, count) {
        return Text('Number: ${numbers[count]}');
      },
    ),
  ],
)

如果您希望固定标题并只滚动列表:

Column(
  children: <Widget>[
    RaisedButton(
      child: Text("Add number"),
      onPressed: () {
        setState(() {
          numbers.add(numbers.length + 1);
        });
      },
    ),
    Center(
      child: Text("This is my title"),
    ),
    Expanded(
      child: ListView.builder(
        shrinkWrap: true,
        itemCount: numbers.length,
        itemBuilder: (context, count) {
          return Text('Number: ${numbers[count]}');
        },
      ),
    ),
  ],
)

这是另一个不使用 ListView.builder 的简单替代方法:

ListView(
    children: <Widget>[
      RaisedButton(
        child: Text("Add number"),
        onPressed: () {
          setState(() {
            numbers.add(numbers.length + 1);
          });
        },
      ),
      Center(
        child: Text("This is my title"),
      ),
      Column(
        children: getWidgets(),
      ),
    ],
  )

List<Widget> getWidgets() {
  return numbers.map((number) => Text('Number: $number')).toList();
}