NativeScript / NativeScript/angular
TabView transparent under iOS 15
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 55
- Forks
- 13
- Avg merge
- 16m
- Merged PRs (30d)
- 1
Description
Environment
Provide version numbers for the following components (information can be retrieved by running tns info in your project folder or by inspecting the package.json of the project):
- CLI: 8.1.1
- Cross-platform modules: 8.1.3
- Android Runtime:
- iOS Runtime: 8.1.0
- Plugin(s): -
- NativeScript-Angular: ^12.2.0
- Angular: ^12.2.0
Describe the bug
The TabView is transparent on first render and only gets initialised correctly after some clicking around.
To Reproduce
Setup:
ns create my-tab-ng --template @nativescript/template-tab-navigation-ng
Run:
tns run ios
Make sure you run a iOS 15 simulator with a small enough screen, e.g. iPhone SE 2.
Expected behavior
TabView covers ListView elements.
Sample project
@nativescript/template-tab-navigation-ng
Additional context
It seems to be an nativescript-angular problem since the @nativescript/template-tab-navigation is not affected.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by creating the @nativescript/template-tab-navigation-ng sample with ns create my-tab-ng --template @nativescript/template-tab-navigation-ng, then run tns run ios on an iOS 15 simulator with a small screen such as iPhone SE 2. Compare it with @nativescript/template-tab-navigation and verify that the TabView covers the ListView on first render without clicking around.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- angular, typescript
- Domain
- frontend, mobile
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100