ionic-team / ionic-team/starters

bug: Angular Tab based application shows empty screen between hiding the Splash Screen and Displaying the Tabs.

Open
#1,830 4 comments 0 reactions 0 assignees View on GitHub
project type: angular type: bug
Dominant language
JavaScript
Stars
483
Forks
316
Avg merge
5m
Merged PRs (30d)
1

Description

### Prerequisites

- [X] I have read the [Contributing Guidelines](https://github.com/ionic-team/ionic-framework/blob/main/.github/CONTRIBUTING.md#creating-an-issue).
- [X] I agree to follow the [Code of Conduct](https://ionicframework.com/code-of-conduct).
- [X] I have searched for [existing issues](https://github.com/ionic-team/ionic-framework/issues) that already report this problem, without success.

### Ionic Framework Version

v7.x

### Current Behavior

When utilizing a "Tabbed" based application there is a blank screen that is displayed in between the Splash Screen disappearing and the "Tabs" Component Loading.

### Expected Behavior

When the Splash Screen disappears I would expect the Tabs to immediately be showing.

### Steps to Reproduce

1. `ionic start`
2. Use the App Creation Wizard - No
3. Select Angular
4. `ionic cap add android`
5. `ionic cap build android --prod`
6. Run the Application on an Android device

You will see an empty screen show up between the splash screen closing and the tabs loading. I'm doing this on a Pixel 5.

### Code Reproduction URL

_No response_

### Ionic Info

Ionic:

Ionic CLI : 7.2.0 (/Users/jamesonparker/.nvm/versions/node/v18.18.0/lib/node_modules/@ionic/cli)
Ionic Framework : @ionic/angular 7.6.5
@angular-devkit/build-angular : 17.1.0
@angular-devkit/schematics : 17.1.0
@angular/cli : 17.1.0
@ionic/angular-toolkit : 9.0.0

Capacitor:

Capacitor CLI : 5.6.0
@capacitor/android : 5.6.0
@capacitor/core : 5.6.0
@capacitor/ios : not installed

Utility:

cordova-res : not installed globally
native-run (update available: 2.0.1) : 2.0.0

System:

NodeJS : v18.18.0 (/Users/jamesonparker/.nvm/versions/node/v18.18.0/bin/node)
npm : 9.8.1
OS : macOS Unknown

### Additional Information

This can be replicated with a completely unmodified version of the Ionic Angular Tabbed Started Template.

Here is a video of this happening. It only shows slightly and is a variable amount of time, however it will lag longer on older devices and immediately presents and unpolished feeling to applications.

https://github.com/ionic-team/ionic-framework/assets/28204537/5ece3e05-6784-46ac-9f88-7ba24c9bb689

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.