Membuat panel bawah

Sheet bawah menampilkan konten sekunder, yang disematkan ke bagian bawah layar.

Kompatibilitas versi

Implementasi ini mengharuskan minSDK project Anda ditetapkan ke API level 21 atau yang lebih tinggi.

Dependensi

Mengimplementasikan sheet bawah

Untuk menerapkan sheet bawah, gunakan composable ModalBottomSheet:

Luaskan dan ciutkan sheet

Untuk meluaskan dan menciutkan sheet, gunakan SheetState:

Poin utama

  • Gunakan slot content, yang menggunakan ColumnScope untuk membuat tata letak composable konten sheet dalam kolom.
  • Gunakan rememberSheetState untuk membuat instance SheetState yang Anda teruskan ke ModalBottomSheet dengan parameter sheetState.

  • SheetState memberikan akses ke fungsi show dan hide serta ke properti yang terkait dengan status sheet saat ini. Fungsi ini memerlukan CoroutineScope — misalnya, rememberCoroutineScope — dan dapat dipanggil sebagai respons terhadap peristiwa UI.

  • Pastikan untuk menghapus ModalBottomSheet dari komposisi saat Anda menyembunyikan sheet bawah.

Hasil

Gambar 1. Sheet bawah standar (kiri) dan sheet bawah modal (kanan).

Koleksi yang berisi panduan ini

Panduan ini adalah bagian dari koleksi Panduan Cepat pilihan yang membahas sasaran pengembangan Android yang lebih luas:

Pelajari cara fungsi composable dapat memudahkan Anda membuat komponen UI yang menarik berdasarkan sistem desain Desain Material.
Koleksi panduan cepat

Ada pertanyaan atau masukan

Buka halaman pertanyaan umum (FAQ) dan pelajari panduan singkat atau hubungi kami dan beri tahu kami pendapat Anda.
Buka FAQ Berikan masukan