Question

某人是否知道小部件的调用方式，即显示列表的列表，该列表位于正常屏幕上？下面的链接显示了另一个应用的屏幕截图，看起来像我想要的。我希望屏幕截图可以清楚说明我要搜索的内容。预先感谢！

Answer 1

您可以使用显示对话框小部件进行构建。

以下代码可帮助您了解更多信息。

注意：我演示了使用新的有状态小部件，因为在您的屏幕快照中，您想选择单选按钮并且无法更改状态，因此需要有状态小部件。如果您不想更改蚂蚁状态，则意味着如果您不想调用setState，则可以在我称为有状态窗口小部件的地方创建窗口小部件。

class MyApp extends StatefulWidget {
  @override
  MyAppState createState() => MyAppState();
}

class MyAppState extends State<MyApp> {
  List list = List();

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Container(
        color: Colors.red,
        child: Center(
          child: RaisedButton(
            child: Text("click!"),
            onPressed: () async {
              showDialog(
                  context: context,
                  builder: (_) {
                    return NewScreen();
                  });
            },
          ),
        ),
      ),
    );
  }
}

class NewScreen extends StatefulWidget {
  @override
  _NewScreenState createState() => _NewScreenState();
}

class _NewScreenState extends State<NewScreen> {
  @override
  Widget build(BuildContext context) {
    return Material(
      color: Colors.transparent,
      elevation: 0.0,
      child: Container(
        color: Colors.white,
        margin: EdgeInsets.all(40),
        child: ListView.builder(
          itemCount: 20,
          itemBuilder: (_, index) {
            return Text(index.toString());
          },
        ),
      ),
    );
  }
}

搜索窗口小部件，该窗口小部件将在正常屏幕上建立列表

1 个答案: