How to Return a Value from a Bottom Sheet

แชร์
ฝัง
  • เผยแพร่เมื่อ 9 ก.พ. 2025
  • This tutorial will cover how to return a value from a bottom sheet. The value will be sent to the current page the bottom sheet occupies. Although this is possible with local state variables, this is a faster and easier way to execute this process & is often used on forms and updating fields instantly.
    //
    Flutterflow is a low-code builder for native apps, bringing design and development into one tool. Drag-and-drop to build pixel-perfect UIs. Connect your app to live data via Firebase or APIs. Easily add advanced features like push notifications, payments, animations, and more. Build your own custom widgets or write custom code that you can use in Flutterflow. When your app is complete, export your code or deploy straight to the app stores.
    Start building now: flutterflow.io/

ความคิดเห็น • 47

  • @mikhaileremeev8863
    @mikhaileremeev8863 2 ปีที่แล้ว +3

    Amazing explanation. Please more videos like that for simple features and easy-to-understand language. Make a video explaining the difference and the use of Pages and Bottom Sheet with Components because recently I found out that there are so many apps that use "Components" instead of pages like profile components, settings and so on and seems like it is a good idea to switch most of the page to Component, but I am not sure about the limitations and settings what should only be pages and why to use component instead for some.

  • @swyxTV
    @swyxTV 2 ปีที่แล้ว +1

    So so great with specific tips. Thank you!

  • @marklivedronestheworld3016
    @marklivedronestheworld3016 2 ปีที่แล้ว

    Great vid explaining exactly what I need to do. Thanks!

  • @nkofr
    @nkofr ปีที่แล้ว +1

    Very nice, but at 04:45 let's say you want to be able to dinamically translate "fitness class", how would you do that?

  • @marikevandijk1951
    @marikevandijk1951 2 ปีที่แล้ว +2

    Thanks for the video. SUGGESTION: Would you be able to make a video about displaying a list of businesses location (comes from a Firestore collection) on a map or Google map and when a user hover over it then it's going to display that business details in a small card UI?

  • @4guns
    @4guns 2 ปีที่แล้ว +1

    Does FlutterFlow provide any sort of 'logging' capability? This would be helpful during debug to watch variables or better understand code flow.

  • @vineeth.vijayan314
    @vineeth.vijayan314 ปีที่แล้ว +4

    in the latest version, we have to first specify has value on the component then only we get the Action Output value

    • @charlesabju907
      @charlesabju907 8 หลายเดือนก่อน +1

      Thank you, you are my sunshine. The output option wasn't appearing, all thanks to you I can continue my project. I'll write you a song in your honor

    • @cloudrent
      @cloudrent หลายเดือนก่อน

      Thanks as was freaking me out too as couldn't see the option :)

  • @jordanscott4215
    @jordanscott4215 ปีที่แล้ว +1

    Clear and concise explanation but...in my FF instance I lack the option to return an Action Output from the bottom sheet. Has this function been relocated or eliminated in a FF update since this video was produced?

    • @cupidscornerke
      @cupidscornerke ปีที่แล้ว

      mine too.I can't locate it

    • @davidrohof36
      @davidrohof36 ปีที่แล้ว +3

      ​ @cupidscornerke I stumbled upon this myself. To get the action output field shown you now first need to have a Bottom Sheet dismiss action on your component and also enable the "Has value" from the dismiss action. Then now the Action Output field should show on the Show action 🙂

    • @jordanscott4215
      @jordanscott4215 ปีที่แล้ว +3

      @@davidrohof36Thank you so much for this. I would highly recommend the FF Documentation Team to revisit this topic as this feature is now somewhat buried/unintuitive and no longer corresponds to the video.

  • @TheWhoIsTom
    @TheWhoIsTom 2 ปีที่แล้ว +1

    Thanks for the video. But what is with the other way round? For example when clicking on a list tile I want to show the infos from the list tile on a bottom sheet which pops up when clicking on list tile. Thanks in advance :)

    • @FlutterFlow
      @FlutterFlow  2 ปีที่แล้ว

      Component parameters! You can pass parameters to the component when you show the Bottom Sheet. You can define the parameters when creating/editing the component, or when trying to show the bottom sheet.

    • @TheWhoIsTom
      @TheWhoIsTom 2 ปีที่แล้ว

      @@FlutterFlow ahhh found it :) thx

  • @codingraph
    @codingraph 2 ปีที่แล้ว

    Awesome!

  • @AM-qk7ox
    @AM-qk7ox 2 ปีที่แล้ว

    Excellent vid! I'd love to see how to set empty states on the swipeable stack when someone has finished swiping through all the cards. It can be done when there is nothing available to start with, but I can't figure out how to display something when all cards have been swiped.. Or how to configure it so that you can swipe/cycle endlessly through all cards. Thanks!

  • @wibuyy4383
    @wibuyy4383 2 ปีที่แล้ว

    For a large project with a tight deadline, would you advise me to use flutterflow or flutter?

  • @mohamedabdikadir6910
    @mohamedabdikadir6910 2 ปีที่แล้ว

    can you make a video about geolocation and polylines and also how to count the sum of results .
    thank you i appreciate

  • @derekgaspard5194
    @derekgaspard5194 ปีที่แล้ว

    I would like to see a video made that takes a date range selected by the user and outputs a list of certain things based of those date ranges. The items in that list are created and have a date associated with each item. Kinda of like you booking something, and want to pick F-S-Sun, a weekend, it the app showing you whats available based on those dates. Does that make sense?

  • @ineteam
    @ineteam 2 ปีที่แล้ว

    Thanks!

  • @W7777lker
    @W7777lker ปีที่แล้ว

    Can you use the bottom sheet for users to add comments to an app screen?
    So instead of one fixed text box... it would add a comment and then if someone else adds a comment it would input underneath the last (rather than change the sane text field)

  • @bigdata9605
    @bigdata9605 ปีที่แล้ว +1

    How can I return the bottomsheet value into an input field on the page?

  • @devakichandrika3516
    @devakichandrika3516 2 ปีที่แล้ว

    How to change bgcolor of an container in the side menu i.e when we clicked it like when we are about to click downloads in side menu the background colour for only downloads will change like that I am asking

  • @mauromiotello
    @mauromiotello 7 หลายเดือนก่อน

    In the video you explain very well a case which, however, I think is uncommon.
    Try this case: On a page I have a text widget that takes the value from the json field of a Datatable, I want to open a Bottom Sheet where the user can modify the content, when saving, the content is copied into the text widget and then saved in the DB
    How would you do it?

  • @emrroquina
    @emrroquina ปีที่แล้ว +2

    Para los que no les aparezca el Action output, primero deben ir al componente y activar la opción Has value y listo ya aparece.

    • @AlmightyPyro
      @AlmightyPyro ปีที่แล้ว

      donde aparece eso?

    • @emrroquina
      @emrroquina ปีที่แล้ว +1

      @@AlmightyPyro en la acción del propio componente activas el botón de has value, le pones nombre cualquiera y luego ese mismo nombre vas y los buscas al lugar donde lo quieras ocupar

  • @ridhomahdafi8926
    @ridhomahdafi8926 2 ปีที่แล้ว

    U BEST!!!

  • @yashchandraverma3131
    @yashchandraverma3131 2 ปีที่แล้ว

    Does FlutterFlow allow state management to add ?

  • @jumtmeamjusthere
    @jumtmeamjusthere 2 ปีที่แล้ว

    Adding bottom sheet action doesn't have return a value anymore, also can there be an action to refresh the page

  • @Obarmart
    @Obarmart 9 หลายเดือนก่อน

    PLEASE make a video on cart functionality where when an add to cart button is clicked on a list of product page the button disappears and changes to a counter to be able to increase the quantity of the item without first going to the cart page to do that. Thank you

    • @celebritychannel1680
      @celebritychannel1680 8 หลายเดือนก่อน

      You Should create a count control your self and use a custom function to run it

    • @Obarmart
      @Obarmart 8 หลายเดือนก่อน

      @@celebritychannel1680 Thank you, i appreciate this, please explain the custom function

  • @lincolnmudau
    @lincolnmudau 2 ปีที่แล้ว

    Is the value persisted? also is it stored locally on a users device?

    • @FlutterFlow
      @FlutterFlow  2 ปีที่แล้ว

      No, it's not. But you can take the returned value and update a "Local State" variable with it. This Local State variable can be persisted.

  • @salmonhoninomxojaev7164
    @salmonhoninomxojaev7164 2 ปีที่แล้ว

    I don't know why but i dont have this kind of option of returning value
    Can you explain it please

  • @tiagosilveira6188
    @tiagosilveira6188 ปีที่แล้ว

    How can I return more than One Value? Example: If I have a form into a bottomsheet.

    • @DavidHust
      @DavidHust ปีที่แล้ว +1

      Probably make a list in the BottomSheet, fill it there, and then return that list.

    • @shivpratik
      @shivpratik ปีที่แล้ว

      Hi @@DavidHust can you guide how this can be done?

  • @AminAbdelkefi
    @AminAbdelkefi 10 หลายเดือนก่อน +3

    This video need to be corrected. it is not done like this

  • @MarcioFranco
    @MarcioFranco 2 หลายเดือนก่อน

    There´s no more this option in november-2024

  • @Ankishkhatri
    @Ankishkhatri 6 หลายเดือนก่อน

    This doesn't work now.
    Can you please update the video?

    • @El3aQeeeD
      @El3aQeeeD 4 หลายเดือนก่อน

      Now you need to define an action dismiss in the bottomsheet
      So for example if you have a Textfield in your bottomsheet you can do an action onSubmit dismiss the bottomsheet
      Then toggle HasValue On and put the return variable name
      Finally you can access this variable in your main screen \
      under Action output and that's it
      BAAAAAAAAAAM!