Nested Dropdowns - HELP!

Custom Code

I have been trying to solve this for an embarrassingly long time and would love any suggestions from this community.

I am trying to establish a dropdown widget where I can have nested options with the ability to multi-select those options. I have tried numerous things with no success and at this point, I am wondering if it's even possible to achieve within Flutterflow's restrictions.

If you have any thoughts on how I can achieve this (or if it's possible) - please HELP! I am also open to alternative solutions -- this dropdown is a critical part of the app as it is for specific location requirements between two user groups and they will be matched together based upon their selection in this dropdown. Dynamic dropdowns would be a pain to set up given the number of nested configurations, but it could be done. I could use the PlacePicker widget, but it's not very user-friendly in restricting the possibility of users choosing a location not available for the app.

What have you tried so far?
  • Used Flutterflow's standard dropdown populated with an API call, but it only produces the top-level options for the dropdown

  • Creating a custom widget - I've done this multiple ways and the screenshots only show the most current way - all results produce either A) a dropdown that only shows the top-level options or B) an unclickable dropdown that appears frozen

  • Tried using the multiselect_nested package from pub.dev, but couldn't get the functionality of nested options - I ended up with the same result with or without the package

  • Double checking my JSON file correctly produces the nested options and is formatted properly - this checks out fine

Did you check FlutterFlow's Documentation for this topic?
Yes
2
3 replies