Repository navigation
[iOS] ScrollView does not layout properly when NavigationBar is not translucent #5855
Description
Tell us about the problem
When setting translucent property of NavigationBar to false and have ScrollView as direct child of Page, it is not layouted properly.
Which platform(s) does your issue occur on?
iOS
Please provide the following version numbers that your issue occurs with:
- CLI: 4.0.0
- Cross-platform modules: 4.0.0
- Runtime: 4.0.0
Is there code involved? If so, please share the minimal amount of code needed to recreate the problem.
<Page xmlns="http://schemas.nativescript.org/tns.xsd" backgroundColor="green">
<Page.actionBar>
<ActionBar title="My App" icon="" class="action-bar" flat="true" />
</Page.actionBar>
<ScrollView>
<TextView text="Lorem ipsum" />
</ScrollView>
</Page>
Actual Result
Expected Result
ScrollView should be layouted just below the NavigationBar without a gap.
Workarounds
- set
page.scrollableContent = false;
or - wrap
ScrollViewinGridLayoutfor example
Activity
victorevox commentedon Feb 1, 2019
Hi there, dont know if this issue I'm having is the same the one mentioned here but, after upgrading from NS4 to NS5 my flat action bar adds a gap.
Before, in NS 4
After, in NS5
Do you know any workaround for this?
MartoYankov commentedon Feb 6, 2019
@victorevox Please, provide a code sample or a playground with your layout.
victorevox commentedon Feb 6, 2019
Hi @MartoYankov , thanks for checking, please see: https://play.nativescript.org/?template=play-ng&id=ZyeGeF&v=3
lock commentedon Feb 6, 2020
This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.