建立底部功能表

底部工具列會顯示次要內容,並固定在畫面底部。

版本相容性

這個實作方式需要將專案 minSDK 設為 API 級別 21 以上。

依附元件

實作底部功能表

如要實作底部功能表,請使用 ModalBottomSheet 可組合項:

展開及收合工作表

如要展開或收合工作表,請使用 SheetState

重點

  • 使用 content 位置,它會使用 ColumnScope 在資料欄中配置工作表內容可組合項。
  • 使用 rememberSheetState 建立 SheetState 例項,並透過 sheetState 參數傳遞至 ModalBottomSheet
  • SheetState 提供 showhide 函式的存取權,以及與目前工作表狀態相關的屬性。這些函式需要 CoroutineScope (例如 rememberCoroutineScope),並且可以呼叫這些函式以回應 UI 事件。

  • 隱藏底部功能表時,請務必從組合中移除 ModalBottomSheet

結果

圖 1. 標準底部資訊列 (左) 和模式底部資訊列 (右)。

包含此指南的集合

本指南是精選的快速指南系列之一,涵蓋更廣泛的 Android 開發目標:

瞭解可組合函式如何讓您輕鬆根據 Material Design 設計系統,建立美觀的 UI 元件。

有問題或意見回饋嗎?

歡迎前往常見問題頁面,瞭解快速指南或與我們聯絡,分享您的想法。