[APP-AA] Отображение заглушки при пустом холодильнике пользователя
Экран Холодильник
NoteКраткая карточка задачи
- Репозиторий / Компонент:
food_tracker_mobile(Dart / Flutter). - Тип задачи: Frontend (Интерфейс).
- Документация: APP: UI/UX: Пользовательские интерфейсы и сценарии FoodTracker
- Дизайн (Figma): [Ссылка на макет экрана Холодильник] TBD
- DoR/DoD: Соответствует общему [DoD процессов] TBD
- Статус: Готово к реализации
Описание задачи
При отсутствии продуктов в холодильнике пользователя (с бэкенда приходит пустой массив []), вместо пустого экрана необходимо отображать локализованную UI-заглушку (State-страница “Пустой холодильник”) в соответствии с системным языком приложения.
Требования к локализации
Тексты заглушки подготовлены и вынесены в отдельные файлы. Скачайте их по ссылкам ниже и поместите в проект:
Инструкция по шагам
- Добавление ключей локализации: Поместить скачанные
.arbфайлы в директориюlib/l10n/проекта и сгенерировать новые методы локализации с помощью командыflutter gen-l10n. - Обработка пустого состояния (State): В BLoC компоненте управления состоянием экрана Холодильник (
FridgeBloc/FridgeCubit), при успешном ответе от API (200 OK) с пустым списком продуктов (products: []), переводить экран в состояниеFridgeEmptyState. - Верстка UI-компонента заглушки: В UI-слое для состояния
FridgeEmptyStateреализовать отображение виджета заглушки согласно дизайну из Figma:- Центрированное расположение элементов (
Center,Column). - Иконка пустого холодильника (использовать
Assets.icons.empty_fridge.svg). - Вывод локализованного текста через
AppLocalizations.of(context).
- Центрированное расположение элементов (
- Тестирование: Написать один Widget-тест для проверки корректности рендеринга заглушки при передаче пустого списка в стейт.