HTML-код
- Опубликовано: 5 авг 2024
- In this video we take a look at Custom Actions and how they can be used to invoke functionality from within third-party dependencies. Custom Widgets have a valuable use-case in #FlutterFlow but in some instances Custom Actions can be a better option.
In this video I provide an example whereby we use a Custom Action to display a versatile and extremely customisable timepicker bottombar to obtain the selected time when selected. This value is stored within the AppState which can then be used elsewhere within your application.
This valuable video helps FlutterFlow developers understand more about how Custom Actions can be used with certain external dependences to extend project functionality. A big thanks to my Patreon community who wanted me to produce a video based on their own experiences in solving this problem!
Sample to clone: app.flutterflow.io/project/ti...
🔥 Consider also joining The Digital Pro's #Nocode Academy on Patreon (link below).
_____
Chapters
00:00 Introduction
02:10 Getting started
02:49 Creating the Custom Action
07:49 Invoking the Custom Action
09:20 Quick App Test
09:37 Additional example
10:58 Outro
_____
🚀 The Digital Pro's NoCode Academy on Patreon: www.thedigitalpro.co.uk/patreon
(Support the channel and go ad-free! 😉)
🔥 If you love my content why not consider buying me a coffee, it's really appreciated: www.thedigitalpro.co.uk/coffee
👍 Support the channel and grab yourself a free FlutterFlow account by clicking here: www.thedigitalpro.co.uk/flutt...
🎉 Your love is much appreciated ... A like to this video is like a High Five!!! Thank you all.
![Jordan Adetunji - KEHLANI REMIX (feat. Kehlani) [Official Video]](http://i.ytimg.com/vi/EeJ8n5PxFGE/mqdefault.jpg)
Thank you for the great tutorial
No problem at all
Great video thanks. Can you make a video on how to send push notifications between two or three applications that use 1 common Firebase? For example, eCommerce app, Admin app and Delivery Boy app.
As always great video. Would be nice to see a small video if you can show TTS. How we can use TTS for a text from the database?
Just so I have my acronyms right and to help everyone else reading these comments you are referring to Text To Speech? I can take a look at this. Thank you also for the kind words on the video.
Very interesting!!! If I could, next time I could make a video tutorial on how to insert a GDPR SDK into Flutterflow.
Hi. Do you have a reference to the GDPR SDK you are referring to so I can take a look?
Thanks for this great walkthrough. I have a quick question, how do we trigger a navigation to the next page through a custom action? e.g., with a PinCode verified true. Do you happen to have a walkthrough for an email OTP verification using Supabase in FF? Much appreciated!
Great practical information as always, thank you. What is the value of doing a custom function instead of a Custom widget in this example is there any specific advantage? 😃👍
It depends on your use-case. So for example lets say you use a day view calendar library in your application which is embedded in the page then a Custom Widget is our best bet. If you are looking to overlay or show something off of a specific widget then a custom action can be used. They do not cancel each other out. The beauty of a custom action is that they can be invoked from within the regular action blocks.
@@the_digitalpro Thank you so much for your reply, I really do think yours is the best FlutterFlow channel on RUclips. I would also love to see an example that uses the TTS (Text To Speech) library as well 😃💯👍
Could you make a video on how to create a custom widget using Table_Calendar for product reservations? In other words, something like AirBnB, without going into too much detail. Display the product's available dates so that the user can choose them and save his choice. It could be several dates (so a list). Thanks for your videos!
you able to show us how to block user/ hide posts/ reporting etc..?
Hello. Can you provide a little more context? What kind of example are you looking for?
like almost a social marketplace where 'User A' can block 'User B' and all their listings, messages, etc @@the_digitalpro
Great Video. It seems that you are also having a problem with returning a value from a widget or call back action. Using the FF App state is a nice workaround but the page refresh will reset any other field on the page. Are you aware of a way to return a callback in flutterflow by having the widget state exposed to other widgets?
Hi thank you for your comment. Unfortunately a parameter being passed back on a callback is not supported but agree this is the golden ticket. The FFAppState is the only viable option at this time. I really hope the FF team introduce a simple way to perform this. On your other point I'm not 100% if follow. Rebuilding the widget tree is a common scenario in Flutter.
@the_digitalpro thank you for your response. Indeed a big gap. I have no problem with any other gap as I can write my own code to add functionality. Except for callback and returning/exposing widget state.
My bad on the last part, for some reason I thought you are performing 'Navigate To' as the last call..
Great video!
@@MyInspireSphere Haha. You worried me for a moment as I thought I missed something important out of the video. Thank you for your kind words!
Sir please do walletconnect authentication
Please do you know how to get this Supabase Query to work inside Futterflow
###Deduct the amount from the sender
UPDATE Users
SET balance = balance - 50.00
WHERE user_id = sender_user_id;
###Add the amount to the receiver
UPDATE Users
SET balance = balance + 50.00
WHERE user_id = receiver_user_id;
###Record the transaction
INSERT INTO Transactions (sender_user_id, receiver_user_id, amount, status)
VALUES (sender_user_id, receiver_user_id, 50.00, 'completed');
It works perfectly in Supabase but i have no idea how to implement this inside of flutterflow.
maybe too late on a response here but check out supabase functions. They auto-generate api endpoints that you can add as api calls to flutterflow including passing parameters to the function arguments.
@@Lance_Dev i was able to achieve it using Functions and triggers in Supabase. Thank you