如何使颤动的Web抽屉根据不同的屏幕尺寸做出响应？

Question

我正在使用带有抽屉的颤动网络制作一个管理仪表板。但是当我尝试在移动设备上访问抽屉时，它仍然无法响应...我如何以图标列表的形式访问移动设备上的抽屉？

body: Container(
        width: MediaQuery.of(context).size.width,
        height: MediaQuery.of(context).size.height,
        child: Row(
          children: <Widget>[
             Drawer(
                child: ListView(
                  padding: EdgeInsets.zero,
                  children: <Widget>[
                    DrawerHeader(
                      margin: EdgeInsets.zero,
                      child: Center(
                        child: Image(
                          image: ExactAssetImage("images/image.png"),
                        ),
                      ),
                    ),
                    ListTile(
                      leading: Icon(Icons.location_city),
                      title: Text('Partner'),
                      onTap: () {
                        _setPage(ClientPage());
                      },
                    ),
                    ListTile(
                      leading: Icon(Icons.multiline_chart),
                      title: Text('Proyek'),
                      onTap: () {
                        _setPage(ProyekPage());
                      },
                    ),
                  ],
                );
            ),
          ],
        ),
      ),

笔记本电脑上的此显示抽屉

这是移动设备上的显示画

没有区别：'

Answer 1

您可以使用 LayoutBuilder 来确定页面的屏幕尺寸并根据父级尺寸更新子级小部件。检查此 similar Stack Overflow post 以获取示例。