Flutter 入门与实战：底部弹窗ModelBottomSheet详解

在Flutter中，showModalBottomSheet是一个非常实用的控件，它可以创建一个从底部弹出的模态对话框。这个弹窗通常用于显示一组动作、选项或者输入表单。

showModalBottomSheet函数的基本用法如下：

showModalBottomSheet(
  context: context,
  builder: (BuildContext context) {
    return Container(
      height: 200,
      child: Center(
        child: Text("这是底部弹窗内容"),
      ),
    );
  },
);

这段代码会在点击按钮的时候弹出一个高度为200的底部弹窗，其中包含文本信息。

如果你想要在弹窗关闭时执行一些操作，可以使用showModalBottomSheet的completionRoute参数。这个参数是一个路由名称，当弹窗关闭时，会导航到这个路由。

Navigator.pushNamedAndRemoveUntil(
  context, 
  'your_route', 
  (Route<dynamic> route) => false
);

你可以通过isDismissible属性来控制用户是否可以通过点击弹窗外部来关闭弹窗。

showModalBottomSheet(
  context: context,
  isDismissible: false,
  builder: (BuildContext context) {
    return Container(
      height: 200,
      child: Center(
        child: Text("这是不可关闭的底部弹窗内容"),
      ),
    );
  },
);

在这个例子中，将isDismissible设置为false，用户就无法通过点击弹窗外部来关闭弹窗了。

以上就是showModalBottomSheet的基本用法和一些高级用法。这个控件在开发中非常实用，可以用来创建各种各样的弹窗界面。