FlutterFlow Docs
Advanced Functionality πŸ€–
Custom Action
Using Custom Action, you can execute a dart code from a package that is available on pub.dev.


Before you start adding the Custom Action, you'll need to create one using the instructions here.

Adding Custom Action

Go to your project page on FlutterFlow and follow the steps below:
  • Select the widget on which you want to trigger the Custom Action.
  • Select Actions from the Properties panel (right menu).
  • Click + Add Action button.
  • Choose a gesture from the dropdown among On Tap, On Double Tap, or On Long Press.
  • Select the Action Type as Custom Action.
  • Under the Custom Action Name, click on Unset and select your Custom Action.
  • (Optional) Click on the Edit Custom Action to see/modify your Custom
    Action right from the UI Builder.
  • Under the Set Function Arguments, find your argument name (that you gave while creating Custom Action) and click on it to expand the section.
  • Set the Value Source to From Variable.
  • Set the Source and Widget State.
  • Set the Available Options to the TextField name.
  • Similarly set the other arguments if you have.
  • Enter the Output Variable Name in which the result of Custom Action will be stored.