ionic-team / ionic-team/starters
bug: Angular Tab based application shows empty screen between hiding the Splash Screen and Displaying the Tabs.
- 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
Assessment
This issue has not been assessed yet.