lohanidamodar / flutter_ui_challenges

Updated for Flutter 3.x ** 100+ Professional UI implementations with Code in Flutter. Available in Android, iOS, Linux and Web
MIT License
4.6k stars 1.41k forks source link

Bottom Sheet UI Request? #43

Closed NicoAnPra closed 4 years ago

NicoAnPra commented 4 years ago

Hi Sir, can we request a feature? If yes, please help me to make full screen bottom sheet like google maps bottom sheet on android os devices.

I really don't know how to make it, when we drag the bottom sheet onto the appbar it become full screen, it become one with the appbar / with the whole page screen and scrollable, and when we click on some place the bottom sheet even has its own appbar with the selected place/location as an appbar name.

Please consider for make this type of bottom sheet sir.

thanks sir, sorry for my bad english.

lohanidamodar commented 4 years ago

I think the UI you are looking for will be solved by this package. https://pub.dev/packages/sliding_up_panel If not, please let us know with screenshot or screen record of what you want, we will try to include that in our future updates. Thank you

NicoAnPra commented 4 years ago

Thanks, yup, its something like that, but I don't know if I can do it with that widget or not, here what I need to learn right now:

  1. About fullscreen bottom sheet with custom appbar

    • In SS bellow, in first image its just normal bottom sheet, then
    • in second image its become fullscreen page (maybe?), and then
    • in third image, when we scroll down its has its own appbar with "Pulau Ubin" as a title. Screenshot_2020-02-01_211343 - Copy - Copy
  2. About fullscreen bottom sheet that combined with appbar

    • In first and second images just a normal bottom sheet, but the different is in third image
    • In third image, the bottom sheet become one with appbar (main search appbar)
    • in fourth images we can see the shadow of the search appbar. Screenshot_2020-02-01_210954 - Copy - Copy

Please consider to make this type of bottom sheet on your app, your app is really helpful, we can see preview for the widget alongside with its code, it is really useful for learning using your app.

lohanidamodar commented 4 years ago

HI, sorry we have not implemented your request, but I have found a plugin that supports your need please check out their example. Thank you https://github.com/BendixMa/sliding-sheet