สร้างชีตด้านล่าง
    
    
      
    
    
      
      จัดทุกอย่างให้เป็นระเบียบอยู่เสมอด้วยคอลเล็กชัน
    
    
      
      บันทึกและจัดหมวดหมู่เนื้อหาตามค่ากำหนดของคุณ
    
  
  
      
    
  
  
  
  
  
    
    
    
  
  
    
    
    
ชีตด้านล่างแสดงเนื้อหารองที่ยึดอยู่ที่ด้านล่างของหน้าจอ
ความเข้ากันได้ของเวอร์ชัน
การใช้งานนี้กำหนดให้โปรเจ็กต์ของคุณตั้งค่า minSDK เป็น API ระดับ 21 ขึ้นไป
ทรัพยากร Dependency
ใช้ Bottom Sheet
หากต้องการใช้ Bottom Sheet ให้ใช้คอมโพสิชัน ModalBottomSheet ดังนี้
ขยายและยุบชีต
หากต้องการขยายและยุบชีต ให้ใช้ SheetState ดังนี้
ข้อมูลสำคัญ
- ใช้ช่อง 
content ซึ่งใช้ ColumnScope เพื่อวางองค์ประกอบที่คอมโพสได้ของชีตในคอลัมน์ 
- ใช้ 
rememberSheetState เพื่อสร้างอินสแตนซ์ของ SheetState ที่ส่งไปยัง ModalBottomSheet ด้วยพารามิเตอร์ sheetState 
SheetState ให้สิทธิ์เข้าถึงฟังก์ชัน show และ hide รวมถึงพร็อพเพอร์ตี้ที่เกี่ยวข้องกับสถานะชีตปัจจุบัน ฟังก์ชันเหล่านี้ต้องใช้ CoroutineScope เช่น rememberCoroutineScope และสามารถเรียกให้แสดงเพื่อตอบสนองต่อเหตุการณ์ UI
 
อย่าลืมนำ ModalBottomSheet ออกจากองค์ประกอบเมื่อคุณซ่อนชีตด้านล่าง
 
ผลลัพธ์
รูปที่ 1 Bottom Sheet มาตรฐาน (ซ้าย) และ Bottom Sheet แบบโมดัล (ขวา)
คอลเล็กชันที่มีคู่มือนี้
คู่มือนี้เป็นส่วนหนึ่งของคอลเล็กชันคู่มือฉบับย่อที่มีการดูแลจัดการซึ่งครอบคลุมเป้าหมายการพัฒนา Android ที่กว้างขึ้น ดังนี้
    
  
    
    
      
      
        
          แสดงคอมโพเนนต์แบบอินเทอร์แอกทีฟ
        
        
          ดูวิธีที่ฟังก์ชันคอมโพสิเบิลช่วยให้คุณสร้างคอมโพเนนต์ UI ที่สวยสะดุดตาตามระบบการออกแบบ Material Design ได้อย่างง่ายดาย
        
        
       
     
   
 
  
  
  
    
  
 
  
    
      
      
    
    
      
    
    
  
       
    
    
      
    
  
  
  ตัวอย่างเนื้อหาและโค้ดในหน้าเว็บนี้ขึ้นอยู่กับใบอนุญาตที่อธิบายไว้ในใบอนุญาตการใช้เนื้อหา Java และ OpenJDK เป็นเครื่องหมายการค้าหรือเครื่องหมายการค้าจดทะเบียนของ Oracle และ/หรือบริษัทในเครือ
  อัปเดตล่าสุด 2025-10-01 UTC
  
  
  
    
      [[["เข้าใจง่าย","easyToUnderstand","thumb-up"],["แก้ปัญหาของฉันได้","solvedMyProblem","thumb-up"],["อื่นๆ","otherUp","thumb-up"]],[["ไม่มีข้อมูลที่ฉันต้องการ","missingTheInformationINeed","thumb-down"],["ซับซ้อนเกินไป/มีหลายขั้นตอนมากเกินไป","tooComplicatedTooManySteps","thumb-down"],["ล้าสมัย","outOfDate","thumb-down"],["ปัญหาเกี่ยวกับการแปล","translationIssue","thumb-down"],["ตัวอย่าง/ปัญหาเกี่ยวกับโค้ด","samplesCodeIssue","thumb-down"],["อื่นๆ","otherDown","thumb-down"]],["อัปเดตล่าสุด 2025-10-01 UTC"],[],[]]