ボトムシートは、画面の下部に固定されたセカンダリ コンテンツを表示します。
バージョンの互換性
この実装では、プロジェクトの minSDK を API レベル 21 以上に設定する必要があります。
依存関係
ボトムシートを実装する
ボトムシートを実装するには、ModalBottomSheet
コンポーザブルを使用します。
シートを開く / 閉じる
シートを開いたり閉じたりするには、SheetState
を使用します。
要点
content
スロットを使用すると、ColumnScope
を使用してシート コンテンツのコンポーザブルを一列にレイアウトできます。rememberSheetState
を使用して、sheetState
パラメータでModalBottomSheet
に渡すSheetState
のインスタンスを作成します。SheetState
は、現在のシートの状態に関連するプロパティだけでなく、show
関数とhide
関数へのアクセスを提供します。これらの関数はCoroutineScope
(rememberCoroutineScope
など)を必要とし、UI イベントに応じて呼び出すことができます。ボトムシートを非表示にするときは、コンポジションから
ModalBottomSheet
を削除してください。
結果
このガイドを含むコレクション
このガイドは、Android 開発の幅広い目標を網羅する、厳選されたクイックガイド コレクションの一部です。

インタラクティブなコンポーネントを表示する
コンポーズ可能な関数を使用して、マテリアル デザインのデザイン システムに基づいて美しい UI コンポーネントを簡単に作成する方法を学びます。
ご質問やフィードバックがある場合
よくある質問のページでクイックガイドをご覧になるか、お問い合わせフォームからご意見をお寄せください。