Question

考虑到我有两个视图，即“订单”视图和“订单详细信息”视图。

我想在“订单”视图上显示一个覆盖图（在底部的小部分），当用户选择一个订单时，我们将显示“详细信息”视图，但是我想继续显示该覆盖图，所以我想更改推送路线，因此后退按钮等工作。

这可行吗

Answer 1

使用showModalBottomSheet 更多示例：modal_bottom_sheet_demo persistent_bottom_sheet_demo

考试：

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Modal bottom sheet'),
      ),
      body: Center(
        child: RaisedButton(
          child: const Text('SHOW BOTTOM SHEET'),
          onPressed: () {
            showModalBottomSheet<void>(
              context: context,
              builder: (BuildContext context) {
                return Container(
                  child: Padding(
                    padding: const EdgeInsets.all(32.0),
                    child: Text(
                      'This is the modal bottom sheet. Tap anywhere to dismiss.',
                      textAlign: TextAlign.center,
                      style: TextStyle(
                          color: Theme.of(context).accentColor, fontSize: 24.0),
                    ),
                  ),
                );
              },
            );
          },
        ),
      ),
    );
  }

颤振：即使路线因用户操作而改变，也显示覆盖

1 个答案: