时间戳

首页 > 解决方案 > 颤动中屏幕底部的抽屉

flutter - 颤动中屏幕底部的抽屉

问题描述

我想要一个回忆应用程序。在这个应用程序中，您可以单击一个内存，它会在底部打开一个抽屉，如下所示：https ://i.stack.imgur.com/6lWeb.png我认为从 ui 的角度来看这是有道理的，因为从除非您处于横向模式，否则侧面会浪费屏幕空间，但人的模式却不是。

我试过在谷歌上搜索我确实找到了：

return Scaffold(
    key: _scaffoldKey,
   endDrawer: Drawer(
    child: ListView(
      padding: EdgeInsets.zero,
      children: [
        DrawerHeader(child: Text("right drawer"))

但是在 dartpad 中这不起作用，因为未定义 endDrawer，bottomDrawer 也不起作用。

标签： flutternavigation-drawer

解决方案

showModalBottomSheet应该适用于您正在尝试做的事情。过去它对我有用。

这是我过去用于包含showModalBottomSheet的 To Do List 项目的代码片段：

class TasksScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
        backgroundColor: Colors.lightBlueAccent,
        floatingActionButton: FloatingActionButton(
          backgroundColor: Colors.lightBlueAccent,
          child: Icon(Icons.add),
          onPressed: () {
            showModalBottomSheet(
              context: context,
              builder: (context) => AddTaskScreen(),
            );

上面的代码片段在单击浮动操作按钮后激活模态底部工作表以从应用程序底部向上滑动。

它在我的应用程序中的外观图片：https ://i.stack.imgur.com/p41J8.jpg

Flutter 文档： https ://api.flutter.dev/flutter/material/showModalBottomSheet.html

推荐阅读