github Repo: link
Эй, все) Я строю приложение трепетания, которое отображает Список предложений в Gridview.builder. Над сеткой у меня есть раздел фильтрации, который плавно расширяется и рушится при прокрутке. Этот раздел фильтрации содержит несколько кнопок фильтрации, которые должны быть нажатием и завидуют. .png " /> < /p>
Однако я испытываю проблему: < /strong> < /p>
[*] Когда раздел фильтрации расширен, все параметры фильтрации появляются
визуально, но они не являются кликающими или не поддающимися. Br /> Только первая строка кнопок (верхний кончик второй строки) можно нажать /нажать /нажимать, в то время как остальные
полностью не реагируют. < /li>
Gridview. Сам работает нормально, а карты расположены
corrrectly.
< /ul>
Структура приложения < /strong> < /p>
Раздел фильтрации помещается над сеткой предложений. < /li>
Высота секции фильтрации динамически изменяется на основе
_ IsfilteringHidden. < /li>
Сетка предложений обернута расширенным виджетом внутри столбца до
uppl Доступное пространство.
Проблемы перекрытия при складке раздела фильтрации.
Код: Выделить всё
AnimatedContainer(
duration: const Duration(milliseconds: 600),
height: filteringHeight, // Adjust height dynamically
),
Expanded(
child: Padding(
padding: const EdgeInsets.all(16),
child: GridView.builder(
controller: _scrollController, // Track scrolling
gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
crossAxisCount: 2,
crossAxisSpacing: 10,
mainAxisSpacing: 10,
childAspectRatio: 3 / 4,
),
itemCount: offerData.length,
itemBuilder: (context, index) {
return buildOfferCard(
offerData[index]['image']!,
offerData[index]['title']!,
offerData[index]['description']!,
offerData[index]['discount']!
);
},
),
),
),
Проверьте проблемы с наложением < /p>
Я добавил оператор DebugPrint в мой метод кнопки фильтра OnTAP, и он не запускается, если кнопка не находится в первой строке. < /p>
Повышенная непрозрачность для отладки
Я обернул раздел фильтрации в красном полупрозрачном контейнере и обнаружил, что расширенная зона фильтрации визуально визуально визуально но что -то покрывает нижнюю часть.
Используется игнорирование и поглощение для тестирования
Обертывание AnimatedContainer в игнорируемой установке подтвердил, что область перехватывала TAPS. вызвано анимированным контейнером (высота: FilteringHeight), что, вероятно, создает прозрачное, но интерактивное наложение на варианты фильтрации. Этот невидимый слой блокирует взаимодействия с кнопками. от блокировки взаимодействий, в то же время обеспечивая плавное движение раскрытия/коллапса и удержание неразделенного раздела под вариантами фильтрации?
Любая помощь будет высоко оценена!
Подробнее здесь: https://stackoverflow.com/questions/794 ... on-options
Мобильная версия