Recursive Components Tutorial | New Feature

In this tutorial, we’re excited to show you how to create recursive components in FlutterFlow. We’ll guide you through setting up and configuring a component that can reference itself, allowing for powerful and dynamic user interface designs.
🔍 What You'll Learn:
- How to set up recursive components in FlutterFlow.
- Best practices for configuring Firestore to support recursive data structures.
- Creating a folder and file structure demo that leverages recursion for better organization.
🛠️ Key Highlights:
Setting up a base component that can reference itself.
Configuring Firestore to manage recursive relationships.
Examples of practical applications for recursive components.
Ready to try FlutterFlow for yourself? Start building your app today with a free trial 👉 www.flutterflow.com
Follow us on Twitter 👉 / flutterflow
--------------
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.

[@AlfaRomeoFox]

Beautiful... John, we need an Algolia setting filters tutorial urgently as there is nothing decent on the web.

[@koen.mortier_fitchen]

100%. Last time I searched to see if anything was out, was yesterday. But still nothing decent on the web indeed

[@AlfaRomeoFox]

@@koen.mortier_fitchen I am driving crazy because simple search is that "simple search" and then FF left us with Algolia and "find your own way".

[@PaddlChase]

Um. Why is the song at the end actually 🔥😂

[@koen.mortier_fitchen]

Because with latest music tech Suno and Udio we now can and a year ago we couldn't. They're like FF for music ..but easier lol

[@itcouldbewill]

FLUTTERFLOW TEAM REALLY COOKED WITH THIS ONE 🔥🔥🔥🔥🔥🔥🔥🔥🔥

[@MyInspireSphere]

FlutterFlow rocks. great job!

[@law1337]

Interesting, but we'll have to see what can be done in greater depth. Thanks!

[@camiloperezdearce1]

Great feature, thank you guys

[@hugodorus1273]

Awesome as usual !

[@techbrotalks]

LOVE IT!

[@vq8gef32]

Love the heap hop song at the end. 😂❤

[@brunotayrobiffe2088]

love the final song

[@michelfleith3168]

I have tested but I got this error "Cannot have recursive components structure." (4.1.59+)

[@FlutterFlow]

We realized we made a mistake and the feature didn't get released. It is currently being deployed and should be live in the next 20 min. Sorry!

[@TousiffTH]

was not expecting that ending.

[@nocodegokul]

As usual am here like always

[@ccenalmor98]

We need a videoclip for that hit! xD

[@CMDerobertis]

Thank you thank you thank you

[@KIAcademyBerlin]

Udio is awesome :)

[@PA20243]

Hello FF Team, could you make it possible to choose to which folder in storage the photo will be uploaded?

[@yohannanphilip]

love the song 🔥😂

[@AbenteuerBild]

Finally 🔥👍

[@StomcCousinSamuel]

It's the song for me hahahaha

[@DavidHust]

But how do we reference a custom component inside a custom widget? I spend time creating a component but then I can't use it inside of a customer widget I'm making.

[@timothynjeru4998]

It's possible, I have been doing that in my apps.

[@DavidHust]

@@timothynjeru4998 care to share??

[@RR-et6zp]

nice

[@koen.mortier_fitchen]

Can you guys share the project for cloning next time please? Love team FF but having the file link in the YT description would be handy.

[@olusanyaisaac7]

It's recursion 🔥🔥🔥🔥🔥

[@pense100]

Can you create an app that will have the admin dashboard that will handle the mobile app

[@QuantumBladeGun]

Can we get another example but a bit more in depth? Like even a generic task with subtasks would be nice to show how this would work

[@arjuntare]

Did you mean recursion? The best example ever 😂

[@Jaiho-cl1jr]

that intro is funny

[@RR-et6zp]

great ending

[@VibesAndLogicInc]

The song in the end though

[@mrkasax]

With the new update, my flutterflow no longer work good. When I trying to do the test mode, I see debugging load indefinitely , but I don’t see my project load and no issues or error. I wrote in flutterflow community and to flutterflow team, but nothing. Please someone to help me?

[@FlutterFlow]

We realized we made a mistake and the feature didn't get released. It is currently being deployed and should be live in the next 20 min. Sorry!

[@mrkasax]

@@FlutterFlow The problem still hasn't been solved. So far, when I run the test, I see the Debug panel loading indefinitely, but my project doesn't display. My application doesn't display. I also did the test on all the previous versions of my application, even the one that was working before your last update. But my project still doesn't display in test mode. The worst thing is that when I now test on a physical iPad IOS 16 device, it's the same, whereas before it worked without a hitch. I have contacted your team with no response.

[@serBarcla]

I understand, but i dont understand, but i understand,

[@Isaac_pina]

And how are they created??? I have been looking into what part of the process of creating and using components can be done but I have not had success creating a recursive component.

[@FlutterFlow]

You create a component and then you can drag that component into itself.

[@heliowictor99]

@@FlutterFlow I tried to do it but it always returns: Cannot have recursive components structure.

[@AutomationWithSholz]

dropped a recursive bar

[@jai_v]

how do i clone the comments demo ?

[@hamzamoubareckou9838]

We are still getting the error: Cannot have recursive component structures

[@FlutterFlow]

Try a hard refresh (shift+cmd/ctrl+r). Hover over the top left to make sure FlutterFlow was updated on June 12th.

[@ZerandoFlutterflow]

@@FlutterFlow same error here

[@aamindehkordi]

@@FlutterFlow just testing how youtube does youtube do replies

[@user-wi8ld9ki6r]

Now we can create FlutterFlow in FlutterFlow 💀

[@mathphysiquechimiesupetast2367]

Amazing 😂

[@rohailkhalid52]

hello can you plz teac me how to configure supabase with flutterflow marketplace ready to use tamplates. lets say that i am using a free tamplate and it all ready to use in flutterflow so i wanna configure it with supabase so tell me how can i make database and columns and rows for that free flutterflow tamplate in supabase kindly make a video of this . i will be very gratefull to you .Thanks

[@dragonlegendario4018]

FlutterFlow + Supabase | Setup & Tutorial by FlutterFlow kzbin.info/www/bejne/nqicgmCEn6aGmLc

[@suttanab1763]

Please , the real project example using folder explorer is hard to understand, please use commenting system example which is more relatable with most users implement in apps. Who want to build file explorer anyway?

[@khan420bd5]

Could you make a dating play list

[@thatonesnowboarde]

Idk how such a simple program and amazing application on the surface can be so annoying and frustrating to use there needs to be a flutterflow bootcamp or something because somethings just dont make sense, or doesn't work correctly

[@catoshimeowmoto]

its recursion lol

[@estefanocampoverde3660]

the chat coments are good examplet but dont try with that example

[@nordoow9988]

Hey, we are no longer working with low-code. We're now using pro-code. By the end, you will have invented a new programming language. You can call it "Flow C#".