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

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

Результаты

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

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

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

Зависимости

Внедрить нижний лист

Для реализации нижнего окна используйте составной объект ModalBottomSheet :

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

Для разворачивания и сворачивания листа используйте SheetState :

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

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

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

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

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

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

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

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

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