Использование ListView со значением scrollDirection, установленным на Axis.horizontal внутри SimpleDialog, вызывает ошибку

Когда я пытаюсь использовать ListView, который содержит флажки со значением scrollDirection, установленным на Axis.horizontal, внутри SimpleDialog возникает ошибка: RenderShrinkWrappingViewport не поддерживает возврат внутренних размеров. Я попытался обернуть ListView с помощью Containers, Flexible... но все равно выдает ошибку.

Если я установил scrollDirection на Axis.vertical, он отлично работает. Я предполагаю, что проблема в том, что он находится внутри диалога.

 @override
  Widget build(BuildContext context) => SimpleDialog(
          backgroundColor: Color.fromARGB(255, 229, 233, 240),
          contentPadding: EdgeInsets.zero,
          children: [
            Expanded(
              child: ListView(
                shrinkWrap: true,
                scrollDirection: Axis.horizontal,
                children: [
                  ...personCheckboxes.map(buildCheckboxes).toList(),
                ],
              ),
            ),

Функция buildCheckboxes:

  Widget buildCheckboxes(CheckBoxState checkbox) => CheckboxListTile(
        controlAffinity: ListTileControlAffinity.leading,
        activeColor: Colors.blue,
        value: checkbox.checked,
        title: Text(checkbox.title, style: const TextStyle(fontSize: 12)),
        onChanged: (value) => setState(() {
          checkbox.checked = value!;
          if (checkbox.value == 'M') {
            maleChecked = checkbox.checked;
          } else if (checkbox.value == 'F') {
            femaleChecked = checkbox.checked;
          }
          checkResults();

          setState(() {});
          //runFilterCheckbox(checkbox.value, value);
        }),
      );

Я попытался обернуть виджет ListView разными виджетами (контейнер). Все равно выдает ошибку.

Widget build(BuildContext context) => SimpleDialog(
          backgroundColor: Color.fromARGB(255, 229, 233, 240),
          contentPadding: EdgeInsets.zero,
          children: [
            Container(
              height: 100.0,
              width: 100.0,
              child: ListView(
                shrinkWrap: true,
                scrollDirection: Axis.horizontal,
                children: [
                  ...personCheckboxes.map(buildCheckboxes).toList(),
                ],
              ),
            ),

Даже после обертывания listView с помощью SizedBox проблема сохраняется:

@override
  Widget build(BuildContext context) => SimpleDialog(
          backgroundColor: Color.fromARGB(255, 229, 233, 240),
          contentPadding: EdgeInsets.zero,
          children: [
            SizedBox(
              height: 20.0,
              width: double.maxFinite,
              child: ListView(
                shrinkWrap: true,
                scrollDirection: Axis.horizontal,
                children: [
                  ...personCheckboxes.map(buildCheckboxes).toList(),
                ],
              ),
            ),

SimpleDialog в контенте showDialog?
Yeasin Sheikh 24.11.2022 13:30
Стоит ли изучать PHP в 2023-2024 годах?
Стоит ли изучать PHP в 2023-2024 годах?
Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Пользовательский скаляр GraphQL
Пользовательский скаляр GraphQL
Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...
1
1
51
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Оберните свой Listview в Sizedbox, придайте ему некоторую высоту и добавьте ширину, как width: double.maxFinite,. Это должно работать после того, как вы добавите ширину, поскольку AlertDialog использует виджет IntrinsicWidth, который не разрешает ListView.builder.

Используйте Alert Dialog вместо SimpleDialog. Проверьте ниже код для реализации alertdialog:

showDialog(
   context: context,
   builder: (BuildContext context) {
      return AlertDialog(
         content: Container(
            width: double.maxFinite,
            child: ListView(
               children: <Widget>[]
            ),
         ),
      );
   }
);

Пробовал, все равно выдает ту же ошибку.

danzo 24.11.2022 11:18

Еще раз отредактировал проверку ответов.

Md. Kamrul Amin 24.11.2022 11:19

Все еще не работает. Я включил ваш ответ в вопрос.

danzo 24.11.2022 11:23

измените SimpleDialog на AlertDialog. Проверьте ответ на реализацию.

Md. Kamrul Amin 24.11.2022 11:33

все еще не работает, изменено на alertdialog. Но я все равно хотел бы сохранить SimpleDialog, он лучше масштабируется и не переполняется.

danzo 24.11.2022 12:37
Ответ принят как подходящий

В горизонтальном списке и CheckboxListTile пытаются получить бесконечную ширину. Вы можете обернуть CheckboxListTile виджетом SizedBox и указать ширину. Вы можете воспользоваться помощью MediaQuery.of(context).size.width. А для ListView также требуется высота и ширина на корпусе, и можно использовать SizedBox с высотой и шириной.

SizedBox(
  height: MediaQuery.of(context).size.height*.5,
  width: 200, //or 
  child: ListView(
buildCheckboxes(...)=> SizedBox(
      width: 200,
      child: CheckboxListTile(
          controlAffinity: ListTileControlAffinity.leading,

Также вы можете следить за другими виджетами, такими как AlertDialog. или просто

showDialog(
  context: context,
  builder: (context) => SizedBox(
    height: MediaQuery.of(context).size.height * .5,
    width: 200, //or
    child: Material(..

Другие вопросы по теме

Похожие вопросы

Фабрика Flutter get_it еще не готова [библиотека Flutter get_it с инициализацией базы данных Floor]
Whatsapp_share2 не выбирает количество проходов трепещет
Обнаружено несколько файлов произвольной формы с одним и тем же языковым стандартом 'en'. Убедитесь, что для каждой локали существует ровно один файл произвольной формы
Исчезают мои BottomNavigationBar и AppBar на определенной странице во Flutter
Есть ли способ узнать во время компиляции, существуют ли переменные окружения во Flutter?
Как сделать два текстовых поля, которые отображают связанный контент и доступны для редактирования?
Свойства производных классов не получают значения
SetState не обновляет пользовательский интерфейс, даже если переменная не объявлена ​​​​в методе сборки
Java.lang.RuntimeException: невозможно создать экземпляр активности ComponentInfo{com.example.uow/com.example.uow.MainActivity}
Используйте типы Freezed union с некоторыми реализованными полями