Skip to content

PWA installed on Android always shows a default blue splash screen, ignoring background/theme color settings #6993

@AlligatorCode

Description

@AlligatorCode

Can we access your project?

  • I give permission for members of the FlutterFlow team to access and test my project for the sole purpose of investigating this issue.

Current Behavior

When the app is installed as a PWA on Android (added to home screen), the splash screen always shows a default blue background, ignoring any custom background or theme color settings.

Expected Behavior

The splash screen and initial loading screen should respect the configured background and theme colors defined by the developer.

When custom colors are set, the PWA should display those colors instead of the default blue background when installed on Android.

Not being able to customize this color breaks the application's visual consistency, especially when it follows a defined color palette, resulting in a poor user experience.

Steps to Reproduce

  1. Create a FlutterFlow project and enable Web/PWA support

  2. Add a custom "meta name="theme-color" content="#FFFFFF" in Web Deployment - Custom Headers

3.Build and deploy the web app

4.Open the app in Google Chrome on Android

5.Add the app to the home screen (install as PWA)

6.Launch the installed app

7.Observe the splash screen during startup

Result: The splash screen shows a default blue background instead of the configured color

Image
Image

Reproducible from Blank

  • The steps to reproduce above start from a blank project.

Bug Report Code (Required)

IT4ok8iAx5dOschE7pD+c8JVuyQ4Nlt/R68rl8pBazwbfe+uB4kqevfOTERBTeLnSlFUe2aknWoW0PDXktjtKvc3EzGuRbpqzqlQSgvzQl+mMarRFJWvPUdRGeVQGUOM3KuJuR1BLvBiLEFm2mWqPvC8Zz3XHYf4Nlc8Dq/LZO4=

Visual documentation

Environment

- FlutterFlow version: 3.38.5
- Platform: Web
- Browser name and version: Chrome 145.0.7632.162
- Operating system and version affected: Windows 11 Home

Additional Information

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    status: needs triageA potential issue that has not been confirmed as a bug.

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions