Серый экран в Run Mode

Серый экран — это почти всегда настройка Firebase или проекта. Пройдитесь по списку.

1. Права Firebase

   Пользователю firebase@flutterflow.io нужны роли:

   • Editor
   • Cloud Functions Admin
   • Service Account User

   Как проверить: откройте консоль Firebase, выберите проект, перейдите в Users and permissions → Advanced permissions и найдите firebase@flutterflow.io.

   

   Роли отсутствуют — нажмите карандаш и добавьте их.

2. Файлы конфигурации

   1. Откройте Settings & Integrations → Firebase.
   2. Нажмите Regenerate Config Files.
   3. Подтвердите: Generate Files.

   

   совет

   Файлы нужно пересоздавать каждый раз, когда меняется имя проекта во FlutterFlow или в Firebase.

3. Правила Firestore

   1. Откройте Firestore → Settings.
   2. Пролистайте до Firestore Rules и нажмите Deploy.
   3. Подтвердите: Deploy Now.

   

   Зелёная галочка означает, что всё прошло.

4. Схема Firestore

   В Firestore → Settings найдите Firebase Schema Validation и нажмите Validate.

   

   Если схема не сходится, билдер покажет расхождения.

   

5. Данные в коллекциях

   Пустая коллекция тоже даёт серый экран. Проверьте в консоли Firebase, что документы на месте.

   

6. Совместимость собственных виджетов

   Пакет, который использует ваш виджет, должен поддерживать веб. На pub.dev в списке платформ должно быть WEB.

   

   Не поддерживает — ищите замену.

7. Обновите билдер

   Ctrl + R или Cmd + R, очистка кеша браузера, выход и повторный вход.

8. Запустите заново

   Откройте новую сессию Run Mode и проверьте результат.

9. Проверьте локально

   Если серый экран остался, выгрузите код и запустите проект у себя — так видно настоящую ошибку.