Перейти к основному содержимому

Серый экран в режиме запуска

Отображение серого экрана в режиме запуска обычно указывает на проблему с конфигурацией в настройках Firebase или вашего проекта. Следуйте этим шагам, чтобы диагностировать и устранить проблему.

Предварительные требования
  • Вы интегрировали Firebase с вашим проектом FlutterFlow.
  • У вас есть доступ к консоли Firebase.

  1. Проверьте разрешения Firebase

    Убедитесь, что firebase@flutterflow.io имеет следующие роли:

    • Editor
    • Cloud Functions Admin
    • Service Account User

    Чтобы проверить:

    1. Перейдите в Firebase Console.

    2. Выберите ваш проект → Project Overview.

    3. Перейдите в Users and permissions → Advanced permissions.

    4. Найдите firebase@flutterflow.io и убедитесь, что у него есть указанные выше роли.

    Если роли отсутствуют, нажмите на значок карандаша и назначьте их.

  2. Перегенерируйте файлы конфигурации Firebase

    1. В FlutterFlow перейдите в Settings & Integrations → Firebase.

    2. Нажмите Regenerate Config Files.

    3. В всплывающем окне нажмите Generate Files.

      подсказка

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

  3. Обновите правила Firebase

    1. В FlutterFlow перейдите в Firestore → Settings.
    2. Прокрутите до Firestore Rules и нажмите Deploy.
    3. Подтвердите, выбрав Deploy Now во всплывающем окне.

    Зеленая галочка указывает на успех.

  4. Проверьте схему Firebase

    1. В Firestore → Settings прокрутите до Firebase Schema Validation.

    2. Нажмите Validate.

      Если схема действительна, вы увидите сообщение об успехе. Если нет, просмотрите выявленные проблемы.

  5. Убедитесь, что коллекции содержат данные

    Пустая коллекция Firestore может привести к серому экрану. Посетите Firebase Console → Firestore Database, чтобы подтвердить, что ваши коллекции содержат документы.

  6. Проверьте совместимость пользовательских виджетов

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

    Если нет, выберите альтернативный пакет.

  7. Обновите среду FlutterFlow

    • Нажмите Ctrl + R (Windows) или Cmd + R (Mac), чтобы обновить FlutterFlow.

    • Очистите кэш браузера.

    • Выйдите и войдите снова.

      подсказка

      Обновление сессии может исправить медленное или ошибочное поведение в UI Builder.

  8. Перепроверьте проект

    После выполнения вышеуказанных шагов создайте новую сессию Run Mode, чтобы проверить, устранена ли проблема с серым экраном.

  9. Тестирование локально

    Если проблема сохраняется, скачайте код FlutterFlow и запустите проект локально для дальнейшей диагностики.

Дополнительные ресурсы