listview - 创建一张新卡

Question

我对 Flutter 比较陌生，但我已经玩过 Flutter 一段时间了。

当我按下 FAB 时，我想要创建的是列表中的一张新卡。（即，您按 FAB，它会将您带到插入文本页面，然后按 ENTER，然后它将您的信息拉入现在添加到列表中的卡中）。

我一直在用 ListView 做类似的事情，但努力让它工作，虽然我认为这个概念会相似？

Answer 1

你应该有内存中的项目列表；然后，当你渲染卡片时，使用列表；像这样的东西：

@override
Widget build(BuildContext context) {
  Widget[] children = cards.map((card) => new CardWidget(card)).toList();
  return new Column(children: children);
}

当您单击 FAB 时，只需调用setState并将新元素添加到列表中；应该自动再次调用您的构建方法（因为 setState）。所以，像这样：

onTap: (evt) => setState(() => cards.add(new Card()))