Components | FlutterFlow University

In this video we'll cover how to create components. We'll review how to design, pass parameters and demonstrate some practical examples. Components are the last part of your design system we we'll get you up and running quickly!

--------------

FlutterFlow is a low-code builder for native apps, bringing design and development into one tool. With drag-and-drop functionality, you can build pixel-perfect UIs and easily connect your app to live data via Firebase or APIs. Plus, you can add advanced features like push notifications, payments, animations, and more. Whether you build your own custom widgets or write custom code, FlutterFlow makes it easy to bring your app ideas to life.

[josfk]

These are excellent tutorials!!! Such a brilliant way of explaining complex concepts!!!

[rabeezley]

Great video... Any plans to allow order by to be set dynamically with choice chips like you did for filter?

[h.selcukbeyhan]

for a component, if I change the style of an element inside the component, does it reflect everywhere it is used or should I remove them and re-add them?

[billbobjoylegit]

I am trying to solve an issue with my flutter flow app. When users set their phone text to be really big, it makes the app almost unusable for them. Does anyone know a solution ?

I imagine the app including responsiveness may solve this but what way does that work with people individual text sizing in their settings?

[Cryptic]

You mentioned getting a widget state from within the component by going to 'widget state' and selecting an internal widget, but how do you get access to the component state variables from outside the component?

[Emicss]

Hi, I might miss sth but I am not getting what is the big added value compared to widget theme or the time saving

[andreasfun]

I am facing the following issue: I have a dynamically generated textfield turned into a component. Everything works fine in the web app when it runs through the Flutterflow page. But when I publish to the web, I am no longer able to edit the contents of the Textfield. Why is this happening? How can I deal with this issue?

[onebigunicorn]

Sorry, new to all this. I have created the button per the tutorial but at the end instead of passing API to it (10:42 )in Action I did "Navigation to" different page. This way I have customizable component that I can reuse, however the Navigation doesn't work as it should. A) it's start going to the next page automatically when I run it in Test Mode B) when I remove the "action" from parameters and then define the "Navigation to" to different page, like at 10:42 it still doesn't work. Can someone help what I'm doing wrong? Thanks

[bankoledada]

how do we reuse custom components in other projects?

[lk]

when do you ad opportunity to load custom widgets from figma?

[Lifeslikett]

How do you assign a Unique Key to a component? If I define a null page parameter, I run into a null error when I load the page.

[SeriousSection]

Is it possible to disable one of the choice chip option?

[TheKnifeSoul]

Very good video! I'm looking for how to do the part with choice chips and create the part: collection fied name and tag... can you tell me please? I've been looking for several days how to do it 😔😔😔 Thank you in advance my friend

[Rusbeee]

Can you help me? What fonts are used in this application?

[sixthtulip]

How can I set the Disable button parameter in a component?

[inzimamali]

Hello Team Flutter flow, can you help me out with this problem " Project uses Firestore but IOS config file is not Uploaded", and the same problem for android as well. I tried to create a new project on flutter flow and on firestore as well but its the same problem . Waiting for you positive response.

[pashaaa.]

How can I make a component accept children when I'm using it in a page?

[kokoscreame]

the example with the component didnt make sense. why make a component for a single widget, make parameters for it to just change the text and colour. whats the point why not just use a button?