BottomSheet Plugin for Blazor Hybrid & .NET MAUI

Something you see in a lot of mobile apps these days is a bottom sheet. In this video we'll learn how to implement one in your .NET MAUI and Blazor Hybrid apps! Looking for the original video? It's here: • Add a BottomSheet to Y...
With a BottomSheet you will have a great looking way of presenting content to your user. You can put any content in there and show it partly on screen or just make it fullscreen, whatever your users prefer. With The49.Maui.BottomSheet plugin adding a BottomSheet to your app is super simple.
In this video we'll see how to make the handle show up on Android, and how to implement the bottom sheet on a .NET MAUI app and a Blazor Hybrid app!
💝 Join this channel to get access to perks:
www.youtube.co...
Disclaimer: this channel is done on personal title, in my free time, and not officially affiliated with or endorsed by Microsoft (my employer) in any way. Opinions and views are my own.
🛑 Don't forget to subscribe to my channel for more cool content: www.youtube.co...
🐦 Follow me on Twitter: / jfversluis
🤝 Join the Discord server: / discord
🔗 Links
Sample Code Repo: github.com/jfv...
The49.Maui.BottomSheet Repo: github.com/the...
⏱ Timestamps
00:00 - BottomSheet for .NET MAUI and Blazor Hybrid
01:23 - The49.Maui.BottomSheet Repository
03:22 - Updating the Old Sample App
04:41 - Note about MAUI Versions
06:47 - Fix BottomSheet Breaking Changes
07:32 - Implement BottomSheet from Scratch
13:09 - Fix Handle Showing Android
16:57 - Implement BottomSheet with Blazor Hybrid
🎥 Video edited with DaVinci Resolve
🙋‍♂️ Also find my...
Blog: blog.verslu.is
Twitch: / jfversluis
All the rest: jfversluis.dev
#maui #bottomsheet #android #ios #dotnet #dotnetmaui #blazorhybrid

[@jfversluis]

Looking for the original video about this amazing BottomSheet plugin? You can find that one here: kzbin.info/www/bejne/gHu4nmhultt0etE

[@razgon]

Great content, thank you Gerald!

[@jfversluis]

Thank you for watching!

[@emmanueladebiyi2109]

Great content as usual.

[@jfversluis]

Thanks!

[@plazmius]

Как всегда здорово!!!!!

[@jfversluis]

Thank you!

[@deaasaleh3613]

Thanks Gerard 👍

[@jfversluis]

Very welcome!

[@DeepWorksStudios]

Awesome video! Thanks for sharing it :)

[@jfversluis]

Thanks for watching!

[@BhaiFoodieandTravler]

Thanks for the video

[@jfversluis]

My pleasure!

[@BhaiFoodieandTravler]

Do you also video for google authentication for maui

[@Richthofen80]

Yeah MSAL auth library video would be awesome

[@Richthofen80]

Does this use the underlying `sheet` in iOS? BottomSheets are definitely a great tool in your mobile toolkit but a lot of the implementations I've seen for Maui don't use the underlying native iOS/Android support and are "pure maui". I prefer the udneryling native approach since they're faster and don't deviate from the platform-specific appearance users expect.

[@jfversluis]

I think so yes. If you check the first video you'll see that iOS native animation where the page in the background gets pushed back a little.

[@hadirotafoua5381]

nice video.. thanks a lot.. please is it posible to navigate between pages in the messageSheet

[@_rushas]

Thank you for the video, great content as always. One question, Are there any constraints to use it with MVVM?

[@jfversluis]

Appreciate it, thanks! No, as far as I know all MVVM magic should work here

[@tanakamawere]

Gerald, hie. Thanks for this video but I thought this one would have information on passing information between the bottom sheet and the calling page

[@jfversluis]

Sorry! You might be able to take some inspiration for that from this video: kzbin.info/www/bejne/mmO2doKgZdRooJY

[@josefpavelrajmon269]

Hi do you know way how create swipe betwean two colectionView on one page?

[@SuperGulamali]

If i dont use compatibility can i remove it? Because even if i do it seems to force me to use it

[@jfversluis]

Yeah unfortunately it seems to be forced through the workload anyway 😢

[@SuperGulamali]

@@jfversluis may be something to consider with . Net9 lol

[@hugokisebwe9862]

Please MAUI on IOS with Visual studio code has many bug; Do something microsoft please

[@jfversluis]

Make sure to report them!