创建一张新卡

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()))

创建一张新卡

Create a new card

listview

dart

flutter

floating-action-button

cardslib