如何在叠加层中制作ListView

Question

我是新手，我不知道如何在叠加层内部制作一个ListView，以及如何在叠加层外部点击时关闭叠加层。 您将在文本下看到我想要的示例（是的，我知道此屏幕截图来自react native项目^^）。 我确实看到了Overlay()类，但它不符合我的要求。 有没有人知道一个适合我用例的小部件？

谢谢

Answer 1

我想您想显示一个弹出窗口。使用showDialog方法来实现。

例如

showDialog(
  context: context,
  barrierDismissible: true, // This is what makes it disappear if you tap "outside". `true` by default.
  builder: (BuildContext context) {
    return AlertDialog(
      title: Text("Alert Dialog title"),
      content: ListView(children: [ /* ... */]),
      actions: <Widget>[
        FlatButton(
          child: Text("Close"),
          onPressed: () {
            Navigator.of(context).pop();
          },
        ),
      ],
    );
  },
);

有关更多信息，您可能还想查看this article。