یک صفحه پایین ایجاد کنید

صفحه پایینی محتوای ثانویه را نشان می‌دهد که به پایین صفحه متصل شده است.

سازگاری نسخه

این پیاده سازی مستلزم آن است که minSDK پروژه شما روی سطح API 21 یا بالاتر تنظیم شود.

وابستگی ها

یک ورق پایین را اجرا کنید

برای پیاده سازی یک صفحه پایین ، از ModalBottomSheet composable استفاده کنید:

صفحه را باز کرده و جمع کنید

برای بزرگ کردن و کوچک کردن صفحه، از SheetState استفاده کنید:

نکات کلیدی

  • از شکاف content استفاده کنید، که از ColumnScope برای چیدمان محتوای صفحه در یک ستون استفاده می کند.
  • برای ایجاد نمونه ای از SheetState که با پارامتر sheetState به ModalBottomSheet ارسال می کنید، از rememberSheetState استفاده کنید.
  • SheetState دسترسی به توابع show و hide و خصوصیات مربوط به وضعیت صفحه فعلی را فراهم می کند. این توابع به CoroutineScope نیاز دارند - به عنوان مثال، rememberCoroutineScope - و می توانند در پاسخ به رویدادهای UI فراخوانی شوند.

  • وقتی صفحه پایینی را پنهان می‌کنید، مطمئن شوید که ModalBottomSheet را از ترکیب حذف می‌کنید.

نتایج

شکل 1. یک ورق پایین استاندارد (چپ) و یک ورق پایین معین (راست).

مجموعه هایی که حاوی این راهنما هستند

این راهنما بخشی از مجموعه‌های راهنمای Quick Guide است که اهداف توسعه Android گسترده‌تری را پوشش می‌دهد:

بیاموزید که چگونه توابع ترکیب‌پذیر می‌توانند به شما کمک کنند تا به راحتی اجزای رابط کاربری زیبا را بر اساس سیستم طراحی مواد طراحی کنید.

سوال یا بازخورد داشته باشید

به صفحه سوالات متداول ما بروید و درباره راهنماهای سریع بیاموزید یا با ما تماس بگیرید و نظرات خود را با ما در میان بگذارید.