FlutterFlow Custom Widgets: COMPLETE TUTORIAL (2023) | FlutterFlow Basics

► Exclusive NoCode Content, Tutorials & Support: / jamesnocode
► Comprehensive FlutterFlow Training & Private Community: masteringflutterflow.com
► Comprehensive Supabase Training & Private Community: masteringsupabase.com
In this video, we'll be covering everything you ever wanted to know but were afraid to ask about FlutterFlow's Custom Widgets.
00:00 Intro
01:09 What Are Custom Widgets?
04:51 Example 1
13:36 Example 2
16:33 Example 3 (Using Third Party Code)
28:43 Example 4 (Using ChatGPT)
31:28 Why ChatGPT Does Not Always Work
33:36 Get More Content
35:32 Outro

[@jamesnocode]

👍VIEW/CLONE THIS FLUTTERFLOW APP (and all my FlutterFlow/NoCode apps), get access to live streams, Q&As and an exclusive behind the scenes content, in-depth masterclasses and support my work: www.patreon.com/jamesnocode 👍GET MY NEW TRAINING - MASTERING FLUTTERFLOW: masteringflutterflow.com

[@madancharan787]

Hyyyyyuu

[@ingBomacrepinleger]

Thanks a lot for your content, please can I have a name of the best widget video with quality control and subs?? 🙏🏾🙏🏾🙏🏾🙏🏾

[@Dreysimmons]

Best in teaching flutterflow!!!! Thanks James for the effort you put in everytime

[@reetunemusic]

Thank you for this. I watched your previous video on custom widgets, but this is a little more informative. Keep up the great work. Your page is a necessity for anyone getting started with Flutter Flow

[@ermanozkaya]

Fantastically productive video. Thank you James.

[@spydanig]

You're just an all-round great guy! Thanks for all you do!

[@babayodamisa2655]

You are indeed the master of the game. Thank you for sharing these tons of treasures

[@jasonfuchs9134]

Fantastic guidance. Thank you James!

[@MrClicaaqui]

Thank you, your videos save me a lot of time!

[@MrToshihiro1981]

best teaching video what i see! please continues!!!

[@alisaen2128]

Very helpful thanks man

[@trenthm]

Thanks!

[@user-ew8ys1ib7u]

You are awesome James! Thank you so much. Is there any way to replace a Google Maps Markers with a custom widget? This would be awesome

[@happycindi9155]

Great content Mr James. I just seem to have lost the video you made about publishing web app built in flutterflow, in which you downloaded the code then rendered it in AWS server. Would you please help me locate it?

[@chillmind369]

flutterflow master!

[@tahaali9234]

Good job man...Can you please shoot a video about a camera taking pictures

[@canipekli]

James Thank you for your tutorial. Its helpfull. But Can you mention about more custom code errors? like The function isn't defined. invalid context, initialized issue ect. It could be more helpfull for who wants to trying custom code in their apps. Thank you!

[@bm83352]

@jamesnocode is it possible to make some detailed tutorials on xano + flutterflow + stripe Connect.. as always you are amazing...

[@HideBuz]

Hey James, do you think you could make a whole Flutterflow project with a self hosted Appwrite? Flutterflow + Appwrite + Docker would be awesome. I will gladly pay for Patreon if you make it available!

[@avasdream6688]

I really like your videso and there is some great information in them. It just feels like the pace is a bit slow.

[@hottestthrillers]

Hello sir, I really appreciate your no code tutorials. Thanks for the great tutorials. Is there a possibility of creating a custom widget for photo contest? I really a contest feature in my community app. Please help.

[@paskado]

Hi teacher, do you have in ur paid page a clonable food Delivery project? Bcoz I'm working on the project like that but I'm stacking.

[@ZakMalimar]

You have an example of live video player that play RTMP or HLS?

[@satviksingh3184]

Please make a tutorial on how to create filter in an app

[@anwarallahdan]

Hi , Thank you for the explanation through the videos, but this method did not work for me, and there may be a difference in the version or some things have been changed.

[@sparg918]

in addition to Example 3 can you tell how to get something out of custom widget? I use custom QR scanner (qr_bar_code_scanner_dialog to be exact, cause Build-in scanner doesn't work in WEB) and I try to get the result of scan. How to do it?

[@xCoDyPTx]

I have a custom function, for example, calculate age from client. its working properly, but i dont know how to pass the result to firebase. I know the result is only shown in text field, but its possible to pass to firebase? I Dont know if this is basic or no, but no one talks how to do it :D like ur 13:19, imagine u need to pass that text info to firebase. how do you do that?

[@jarret.roloff]

How do I know which part of the CHATGPT code to copy and which part I should replace in FlutterFlow?

[@86shidalgo]

Hello... Blessings, does anyone know how to make an option to download any file from flutter flow, that is, if I have a .pdf or .doc file uploaded, how can I download them?

[@JoaoPedro-di2ke]

i’m using google maps widget but it doesn’t let me customize the markers, any idea on how i could do that?

[@pabloarias1653]

Hi James! Could you explain to us how to make an custom widget of a calendar that have the option to archive recurrent events? im going crazy trying to make this idea work for months now, and i dont know how to get it done yet. Thank you for your time!

[@jamesnocode]

Hi, What do you mean by recurrent events?

[@pabloarias1653]

@@jamesnocode Hi James! Thank you for your reply I love your channel! When I talk about recurring events, I mean creating a calendar that can generate an event that happens in a time interval (daily, weekly, monthly...) and in which we can book appointments on certain days of the week. For example, right now I am working on an application for the gym where I work and we have periodic fixed places for group training but at the same time you can access those same classes through bonuses. So what I would like to know is how to generate an event that is recurring, for example, it happens every week on the same day at the same time and updates the available places. Like I said before thank you for your time I appreciate it so much! If you know how to help me with that idea I would really be very grateful James, have a nice day! 👍😊

[@arvinkeihanfar1565]

I don't understand how i'm supposed to write the code for the widget or what i should do to get the code.

[@user-gh9nq3kg2n]

hello my friend i have a problem and i need your help

[@jamesnocode]

What’s the issue?

[@user-gh9nq3kg2n]

@@jamesnocode I make integration with paymob and it is OK but I can't save endpoint callback how can I do it

[@user-gh9nq3kg2n]

@@jamesnocode i have api endpoint JSON object in POST request which contains a value and i need to save data automatically to firebase

[@dm.vortex4171]

It system is not convenient, I can't create a custom widget and see preview with full rendered, i can't import custom widget with flutterflow decompomposed layers, i can't import full code for the custom page, i can't import project from figma. I also can't use last dart version with null safety... it's horror... Let's thinking how to do it very convenient without bounding boxes for users.. I have no time create all page with my hands, i want to generate flutter code automatically to use generator from Figma and then import to flutter flow for different action, but i don't want to see brilliant diamond icon without decomposing layers your tools... It must not be. Please think!

[@orchard800]

No such thing as "can't" 😊

[@DeSofSistemas]

Hi, I've subscribed but I can't see the content you promise to subscribers...