Membuat panel bawah
bookmark_borderbookmark
Tetap teratur dengan koleksi
Simpan dan kategorikan konten berdasarkan preferensi Anda.
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:
Menampilkan komponen interaktif
Pelajari cara fungsi composable dapat memudahkan Anda
membuat komponen UI yang menarik berdasarkan sistem desain
Desain Material.
Direkomendasikan untuk Anda
API reference packages and classes for Android app developers.
Diperbarui Feb 10, 2025
Konten dan contoh kode di halaman ini tunduk kepada lisensi yang dijelaskan dalam Lisensi Konten. Java dan OpenJDK adalah merek dagang atau merek dagang terdaftar dari Oracle dan/atau afiliasinya.
Terakhir diperbarui pada 2025-02-06 UTC.
[[["Mudah dipahami","easyToUnderstand","thumb-up"],["Memecahkan masalah saya","solvedMyProblem","thumb-up"],["Lainnya","otherUp","thumb-up"]],[["Informasi yang saya butuhkan tidak ada","missingTheInformationINeed","thumb-down"],["Terlalu rumit/langkahnya terlalu banyak","tooComplicatedTooManySteps","thumb-down"],["Sudah usang","outOfDate","thumb-down"],["Masalah terjemahan","translationIssue","thumb-down"],["Masalah kode / contoh","samplesCodeIssue","thumb-down"],["Lainnya","otherDown","thumb-down"]],["Terakhir diperbarui pada 2025-02-06 UTC."],[],[]]
