как сделать веб-ящик Flutter отзывчивым в зависимости от размера экрана?

Я делаю панель администратора с флаттер-сеткой, у которой есть ящик. но когда я пытаюсь получить к нему доступ на мобильном телефоне, ящик он еще не может реагировать ... как мне получить доступ к ящику на мобильном телефоне в виде списка значков ?.

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());
                      },
                    ),
                  ],
                );
            ),
          ],
        ),
      ),

этот выдвижной ящик на ноутбуке  ящик ноутбука

и это экранный чертеж на мобильном устройстве  ящик на мобильном

нет никакой разницы: '


person OceanL    schedule 20.08.2019    source источник
comment
Возможный дубликат создания адаптивного Интернета на Flutter Web   -  person dazza5000    schedule 20.08.2019
comment
если я использую это, меня немного смущает, как реализовать это в виджете   -  person OceanL    schedule 20.08.2019
comment
Попробуйте этот плагин pub.dev/packages/responsive_scaffold. Мне было легко пользоваться.   -  person Tushar Pol    schedule 20.08.2019


Ответы (1)


Вы можете использовать LayoutBuilder, чтобы определить размер экрана страницы и обновить дочерние элементы. виджеты основываются на родительских размерах. Посмотрите этот аналогичный пост о переполнении стека для образца.

person Omatt    schedule 05.04.2021