میخوایم با ویجت bottomsheet در این بخش آشنا بشیم برای شروع یه floatingactionbutton ایجاد میکنم
![](https://chara.ir/saas/wp-content/uploads/2022/11/image-17.png)
بعد از اجرا دکمه floatingactionbutton ما ایجاد میشه مثل تصویر زیر
![](https://chara.ir/saas/wp-content/uploads/2022/11/image-19.png)
الان توی رویداد onpress دکمه شناورمون یه تابع میسازیم و اسمش و میزاریم bottomsheet_ و contex و بهش پاس میدم.
![](https://chara.ir/saas/wp-content/uploads/2022/11/image-20.png)
تابع bottomsheet رو که تعریف کردم و میسازم مشابه تصویر زیر
![](https://chara.ir/saas/wp-content/uploads/2022/11/image-21.png)
خب الان کد ها مون و اجرا میکنم و روی دکمه شناورمون کلیک میکنم.
![](https://chara.ir/saas/wp-content/uploads/2022/11/image-22-1024x496.png)
وقتی روی دکمه شناورمون کلیک بشه یه منو از پایین باز میشه که شامل دوتا آیتم music و video هست مانند چیزی که توی تلگرام و سایر اپلیکیشن ها وجود داره امیدوارم که لذت برده باشید