从底部弹出的页面弹出

Question

我有一个应用程序，我想添加从下往上滑动的页面，一直到屏幕的四分之三，如图所示

如果你按下箭头，它会再次返回。

如您所见，按下食物系统后，会弹出四分之三的页面。我已经准备好 onclock 和 everython，但我只是不知道按下它后该用什么。

Answer 1

您可以使用 'showModalBottomSheet' 小部件。 more info

showModalBottomSheet(
     context: context,
     builder: (builder) {
          return childWidget;
     },

对于屏幕高度的 3/4，您可以这样设置：

double mWidth = MediaQuery.of(context).size.width;
double mHeight = MediaQuery.of(context).size.height;

Widget childWidget(){
     return Container {
        width: mWidth,
        height: mHeight  * 0.75,
     }
}

从底部弹出的页面弹出

Page popup from bottom flutter

flutter

flutter-animation