Data Binding Fails in Test Mode - Component Parameters Not Receiving Data from ListView

Database & APIs

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.

What have you tried so far?

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.

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