Flutter之BottomSheet

在Flutter之SnackBar原理详解详细的介绍了SnackBar的使用极其原理，SnackBar主要功能是提供了一个简单的消息，虽然跟用户有一定的交互。但是其目的主要是提示性消息。且会自动消失。除了SnackBar之外，Flutter又提供了一个BottomSheet，该组件可以在屏幕底部展示了一个可供用户交互功能的页面。

通过本篇博文你可以了解到：
1、showBottomSheet和showModalBottomSheet的区别
2、关闭BottomSheet的方式
3、BottomSheet的基本原理

Flutter提供了两种展示BottomSheet的方法，showBottomSheet和showModalBottomSheet。下面就来逐一分析这两种方法的区别，看下图（图片展示的demo源码在本篇博文最后提供）：

如上图左边的是通过showBottomSheet展示的BottomSheet,右边的是使用showModalBottomSheet展示的BottomSheet。（注意，除了背景颜色不一样，二者布局代码全部一样)。
1、直观上来看二者的不同之处在于：使用showBottomSheet显示的时候，底部导航栏没有被遮挡；而使用了showModalBottomSheet展示的页面会把底部导航栏给遮挡住。