Hello FlutterFlow Team, I am experiencing a critical data binding issue where data from a Firestore query is not being passed to a custom component within a ListView during Test/Preview Mode. The setup appears correct in the UI Builder, but it fails at runtime. My Setup: 1. Firestore Collection: I have a collection named articles
with several fields, including title
(String) and article_image
(Image Path). I have confirmed there is test data in this collection. 2. Security Rules: My Firestore rules are set to allow read;
for testing. 3. Component: I have a custom component named newslist
which is designed to display one article. 4. Component Parameters: The newslist
component has parameters to receive the data: title
(String) and image_url
(Image Path). 5. Internal Binding: Inside the component, a Text
widget is correctly bound to the title
parameter, and an Image
widget's Path is correctly bound to the image_url
parameter. 6. Page UI: On my HomePage
, I have a ListView
that performs a Backend Query on the articles
collection. 7. Parent-to-Child Binding: The ListView
is configured to generate the newslist
component as its child. On the newslist
component (on the HomePage), I have bound its parameters to the data from the query (e.g., title
parameter is set to articles document
-> title
). The Problem: - In the UI Builder, everything looks correct. All bindings are set up without errors. - However, when I run the app in Test Mode, the list generates the correct number of items, but the data is not displayed. Instead, the component only shows the default values I set for the parameters (e.g., "No Title"). - This proves the ListView
query is working, but the data is not being passed from the articles document
variable into the component's parameters at runtime. I have already rebuilt the project in a new account, deleted and re-created the fields, parameters, and bindings multiple times, and confirmed all data types match. The issue persists. Could you please advise if this is a known bug or if there is something I am missing? Thank you for your help.
Data Binding Fails in Test Mode - Component Parameters Not Receiving Data from ListView
What I've Already Tried: - Firebase Rules: Confirmed that Firestore security rules are set to allow read;
for testing. - Test Data: Confirmed that at least one document with all fields populated exists in the articles
collection via the Content Manager. - Data Type Consistency: Tried multiple data type configurations. - Both Firestore field and Component Parameter set to Image Path
. (Result: Greyed out) - Both Firestore field and Component Parameter set to String
. (Result: Still greyed out) - Rebuilding Widgets: Deleted and re-created the Image
widget, the component parameters, and the ListView
multiple times. - Renaming: Changed the field name in Firestore and the parameter name in the component (e.g., from imageUrl
to article_image
) to rule out caching or naming conflict issues. - Browser Troubleshooting: Cleared browser cache, reloaded the project, and tried in an Incognito Tab. - Project Duplication: Cloned the entire project to see if the issue was a corrupted project state. - Clean Start: Rebuilt the entire project from scratch using a brand new, personal Google Account to eliminate any possibility of account-level restrictions. The final setup appears to be 100% correct according to all documentation, but the data fails to pass to the component parameters in Test/Preview Mode.