Conditional Visibility in FlutterFlow: Are All Elements Loaded on Page Load?

Widgets & Design

Hi everyone,

I’m currently developing a POC for a web app in FlutterFlow where users can answer questions from a catalog related to various use cases. These use cases are structured in a tree-like hierarchy. Each answer is updated live in the corresponding use case document on Firestore. This is necessary because my app has detailed team and role management (similar to GitHub), allowing users with appropriate roles to answer questions submitted by other users.

Some sub-questions are only displayed when the parent question is answered with “Yes”. For this, I’m using the Conditional Visibility feature in FlutterFlow.

My question is:

When using Conditional Visibility, are all elements of the widget loaded on page load, or is only the condition evaluated and the elements are loaded only when the condition is fulfilled?

If all elements are loaded on page load, does using the Conditional Builder help achieve the latter behavior (i.e., loading elements only when the condition is met)?

If not, is there any way to achieve this behavior? I’m trying to optimize the performance, as the question page is already quite loaded.

Thanks in advance for your help!

What have you tried so far?

I’ve already reviewed the documentation but couldn’t find a clear answer about this behavior. Optimizing the performance of the page would significantly improve the user experience.

Did you check FlutterFlow's Documentation for this topic?
Yes
2
2 replies