NativeScript / NativeScript/NativeScript

IOS: Tabbar Translucent broken with no actionbar (content falls behind the tabbar)

Open
#7,025 11 comments 3 reactions 1 assignee View on GitHub

@tsonevn is already working on this.

Since Mar 14, 2019.

backlog bug os: ios severity: high
Dominant language
TypeScript
Stars
25.7k
Forks
1.7k
Avg merge
1d 5h
Merged PRs (30d)
35

Description

Environment

  • CLI: 5.2.2
  • Cross-platform modules: 5.2.2
  • Android Runtime: 5.2.1
  • iOS Runtime: 5.2.0
  • Plugin(s): N/A

Describe the bug
Different layouts fall behind the tabbar with the actionbar hidden. (Page.actionbarHidden)
I have a feeling the change that was made with: https://github.com/NativeScript/NativeScript/issues/6891 has to do something with it.

To Reproduce
Please check the home component of how its set-up. Once build, just start it up and scroll all the way down in the scrollview, you will see that the scrollview falls behind the tabbar.

Please do test it on different devices (with and without safearea's) and different IOS versions.

Expected behavior
setting the tabbar translucent to falls should work for any kind of setup (with actionbar/flat or no Actionbar at all.) it should work with and without safearea as well.

Sample project
I could not recreate this issue with playground as i Needed the platform-declarations in dev dependencies.
tabviewtest.zip


Want to back this issue? Post a bounty on it! We accept bounties via Bountysource.

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.