Создайте нижний лист

Нижний лист показывает второстепенный контент, привязанный к нижней части экрана.

Совместимость версий

Для этой реализации требуется, чтобы для minSDK вашего проекта был установлен уровень API 21 или выше.

Зависимости

Реализация нижнего листа

Чтобы реализовать нижний лист , используйте компонуемый ModalBottomSheet :

Развернуть и свернуть лист

Чтобы развернуть и свернуть лист, используйте SheetState :

Ключевые моменты

  • Используйте слот content , который использует ColumnScope для размещения составных элементов содержимого листа в столбце.
  • Используйте rememberSheetState , чтобы создать экземпляр SheetState , который вы передаете ModalBottomSheet с параметром sheetState .
  • SheetState предоставляет доступ к функциям show и hide , а также к свойствам, связанным с текущим состоянием листа. Этим функциям требуется CoroutineScope — например, rememberCoroutineScope — и их можно вызывать в ответ на события пользовательского интерфейса.

  • Обязательно удалите ModalBottomSheet из композиции, когда скрываете нижний лист.

Результаты

Рисунок 1. Стандартный нижний лист (слева) и модальный нижний лист (справа).

Коллекции, содержащие это руководство

Это руководство является частью тщательно подобранной коллекции быстрых руководств, охватывающих более широкие цели разработки Android:

Узнайте, как компонуемые функции позволяют легко создавать красивые компоненты пользовательского интерфейса на основе системы проектирования Material Design.

Есть вопросы или отзывы

Перейдите на нашу страницу часто задаваемых вопросов и узнайте о кратких руководствах или свяжитесь с нами и сообщите нам свои мысли.