-
Notifications
You must be signed in to change notification settings - Fork 107
Backend Issues: Typo errors fixed, improved formatting, assets added #385
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Merged
Merged
Changes from 3 commits
Commits
Show all changes
6 commits
Select commit
Hold shift + click to select a range
4aae8ed
Typo errors fixed, improved formatting, assets added
mrdavidorok dc308ad
improved formatting, updated content
mrdavidorok 34efbde
improved formatting, updated content and titles
mrdavidorok 4eb2f62
updated
mrdavidorok 7940218
improved formatting and updated content
mrdavidorok abde9f8
Merge branch 'main' into david/backend-issues
PoojaB26 File filter
Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
There are no files selected for viewing
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,3 @@ | ||
{ | ||
"label": "Backend Troubleshooting" | ||
} |
78 changes: 78 additions & 0 deletions
78
...ooting/backend-issues/listview_gray_box_and_red_screen_errors_in_flutterflow.md
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,78 @@ | ||
--- | ||
keywords: ['database', 'listview', 'mode'] | ||
slug: /listview-gray-box-and-red-screen-errors-in-flutterflow | ||
title: ListView Gray Box and Red Screen Errors in FlutterFlow | ||
--- | ||
|
||
# ListView Gray Box and Red Screen Errors in FlutterFlow | ||
|
||
**Issue** | ||
|
||
When trying to load a list of items from the database, the list doesn't load and displays a gray box. | ||
|
||
**Cause** | ||
|
||
A gray box means the backend query failed and couldn't return any result. | ||
|
||
**Verifying Query Functionality** | ||
|
||
- If the query is successful and returns items, you will see the list populated. | ||
- If there are no records matching the query, but the query itself is successful, you will see the **empty state** that you have configured for your list. | ||
|
||
 | ||
|
||
:::tip | ||
Always configure an empty state for lists. This helps differentiate between an empty dataset and a failed query. | ||
::: | ||
|
||
**Behavior in Different Modes** | ||
|
||
The behavior may differ depending on whether you are in **Run** or **Test** mode: | ||
|
||
- **Run mode**: A gray box is displayed. | ||
- **Test mode**: A red screen with an error message appears. | ||
|
||
**Working Query with no Results** | ||
|
||
 | ||
|
||
**Failed query** | ||
|
||
 | ||
|
||
**Troubleshooting Steps** | ||
|
||
If you are seeing a gray box and no filters or ordering are applied to your query, the issue is likely with the data itself, specifically **null values** in your database. | ||
|
||
Null values can cause FlutterFlow queries to fail. | ||
|
||
 | ||
|
||
**How to Check for Null Values** | ||
|
||
- Inspect your data in Firebase for any fields that have null values. | ||
- If your dataset is small, you can use the FlutterFlow CMS to review the data. | ||
|
||
For example, in the image below, the `created_time` field is null. If your widget relies on this field (e.g., formatting the date), the query will fail. | ||
|
||
 | ||
 | ||
|
||
:::note | ||
When unsure if a value is null, use **visibility rules** to hide widgets that depend on potentially null data. | ||
::: | ||
|
||
 | ||
|
||
:::note | ||
If you are performing document-from-reference queries inside an item widget, always add a visibility rule to that widget. This prevents the query from breaking if the reference field is empty. | ||
::: | ||
|
||
|
||
:::info[Summary] | ||
- A gray box means the query failed. | ||
- A red screen means an error occurred in test mode. | ||
- Null values in your data are a common cause. | ||
- Always configure empty states and use visibility rules to handle null data safely. | ||
::: | ||
|
20 changes: 20 additions & 0 deletions
20
docs/troubleshooting/backend-issues/listview_returning_only_one_item.md
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,20 @@ | ||
--- | ||
keywords: ['listview', 'returning', 'only'] | ||
slug: /listview-returning-only-one-item | ||
title: ListView Returning Only One Item | ||
--- | ||
# ListView Returning Only One Item | ||
|
||
If your **ListView** is only returning one item in FlutterFlow, check the following possible causes: | ||
|
||
- **Use a Dynamic Widget**: Ensure you are using a dynamic widget such as **ListView**, **GridView**, **Row**, or **Column** to dynamically generate multiple children. | ||
|
||
- **Query for a List**: Confirm that your query retrieves a **list of documents** rather than a single record. | ||
|
||
- **Check Filters**: If you're applying filters, make sure that your Firestore database contains **multiple records** that satisfy the filter conditions. | ||
|
||
- **Sufficient Records**: Verify that your Firestore collection has **enough records** to display multiple items. | ||
|
||
- **List Type Field**: If you are querying a single field, ensure that it’s defined as a **ListType field** in both FlutterFlow and Firebase. | ||
|
||
By carefully reviewing these areas, you should be able to resolve the issue of your ListView returning only one item. |
60 changes: 60 additions & 0 deletions
60
docs/troubleshooting/backend-issues/resolving_backend_configuration_issues.md
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,60 @@ | ||
--- | ||
keywords: ['backend', 'issues', 'configuration'] | ||
slug: /resolving-backend-configuration-issues | ||
title: Resolving Backend Configuration Issues | ||
--- | ||
# Resolving Backend Configuration Issues | ||
mrdavidorok marked this conversation as resolved.
Show resolved
Hide resolved
|
||
|
||
If you are facing issues related to the backend in FlutterFlow, follow these steps to ensure your Firebase setup is correctly configured: | ||
|
||
- **Add Proper Cloud Permissions** | ||
|
||
Grant the following permissions to **[email protected]** in your Firebase project: | ||
|
||
- **Editor** | ||
- **Cloud Functions Admin** | ||
- **Service Account User** | ||
|
||
Learn how to **[assign Firebase permissions](/integrations/firebase/connect-to-firebase/#allow-flutterflow-to-access-your-project)**. | ||
|
||
- **Update Firebase Rules** | ||
|
||
Ensure that your Firebase Firestore security rules are updated correctly. See how to **[update Firebase rules](/integrations/database/cloud-firestore/firestore-rules/)**. | ||
|
||
After updating the rules, delete **[email protected]** from your authenticated users, redeploy the Firestore rules, and validate the schema again. | ||
|
||
 | ||
|
||
- **Match Data Field Types and Names** | ||
|
||
Verify that all data field types and field names match between **Firestore** and **FlutterFlow**. | ||
|
||
- **Validate Firestore Schema** | ||
|
||
Use the **Validate** button in **Firestore → Settings** inside FlutterFlow to confirm that the Firestore collection schema matches the FlutterFlow configuration. | ||
|
||
 | ||
|
||
- **Reset Firebase Setup (If Needed)** | ||
|
||
If you have already completed the Firebase setup but continue to experience issues, remove existing permissions and complete the setup process from scratch. | ||
|
||
**[Follow Firebase setup instructions](/integrations/firebase/connect-to-firebase/)**. | ||
mrdavidorok marked this conversation as resolved.
Show resolved
Hide resolved
|
||
|
||
- **Authorized Domains** | ||
|
||
Add `app.flutterflow.io` to your **Authorized Domains** under the **Authentication** tab in Firebase. | ||
|
||
- **Refresh FlutterFlow** | ||
|
||
Make sure you are using the latest version of FlutterFlow: | ||
|
||
- Press **Ctrl/Cmd + Shift + R** to refresh. | ||
- Clear your browser cache. | ||
- Log out and back into FlutterFlow. | ||
|
||
- **Use Blaze Plan for Cloud Functions** | ||
|
||
To use Cloud Functions like Push Notifications, Payments, and other features, ensure your Firebase project is on the **Blaze Plan**. | ||
|
||
By following these steps, most backend issues in FlutterFlow can be resolved effectively. |
58 changes: 58 additions & 0 deletions
58
...ubleshooting/backend-issues/update_document_action_fails_during_backend_call.md
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,58 @@ | ||
--- | ||
keywords: ['call', 'document', 'backend'] | ||
slug: /update-document-action-fails-during-backend-call | ||
title: Update Document Action Fails During Backend Call | ||
--- | ||
# Update Document Action Fails During Backend Call | ||
|
||
When performing the **Update Document** action, you may encounter a situation where the loading indicator appears but then stops without completing the action. This indicates that the update was unsuccessful. If the update succeeds, the next steps in your action flow, such as displaying an alert dialog, should execute automatically. | ||
|
||
 | ||
|
||
 | ||
|
||
:::note | ||
After performing the update action, always verify that the data has been correctly updated in your database. If your document is not streamed in real-time within your app, the updated data may not immediately appear. Check the data in FlutterFlow CMS or directly in Firebase to confirm the update. | ||
::: | ||
|
||
**Causes of Document Update Failures** | ||
mrdavidorok marked this conversation as resolved.
Show resolved
Hide resolved
|
||
|
||
When the update action fails, the action flow stops, preventing any subsequent actions from executing. | ||
|
||
There are two common reasons why the update action may fail: | ||
|
||
1. **Permission Issue in Firestore** | ||
mrdavidorok marked this conversation as resolved.
Show resolved
Hide resolved
|
||
|
||
The user may not have the necessary permission to write to the document. | ||
|
||
 | ||
|
||
**Cause:** | ||
The Firestore security rules may not allow the current user to write (edit) documents. | ||
|
||
**Solution:** | ||
Review and configure your Firestore rules to grant write permission. For example, allowing write access to authenticated users is often sufficient if your app requires user authentication. | ||
|
||
2. **Data Type Mismatch** | ||
|
||
The values you are attempting to write may not match the expected field types. | ||
|
||
For example, assigning a string value to a field that expects an integer will result in failure. | ||
|
||
 | ||
|
||
**Cause:** | ||
Attempting to write a value of the wrong type, such as assigning text to a number field. | ||
|
||
**Solution:** | ||
Verify that the values being written match the expected data types for each field. If the data comes from an API call or form input, consider using custom actions to convert the value to the appropriate type before performing the update. | ||
|
||
:::note | ||
If you want to save a text field value as a number, ensure that the text field input type is set to **Number**. | ||
::: | ||
|
||
:::info[Additional Troubleshooting] | ||
You can check for error details in your browser's developer console (F12). For example, permission errors will typically appear in the console logs, as shown below: | ||
|
||
 | ||
::: |
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Uh oh!
There was an error while loading. Please reload this page.