Skip to content

Erratic action bar transition when using bound (or empty) title property #2672

@ignaciofuentes

Description

@ignaciofuentes

Tell us about the problem

Erratic action bar transition when using bound (or empty) title property on the Actionbar that is being navigated to

Which platform(s) does your issue occur on?

iOS

Please provide the following version numbers that your issue occurs with:

2.2.1

Please tell us how to recreate the issue in as much detail as possible.

When setting the title of an actionBar to be dataBound the incoming actionBar navigates from the middle of the page up.
Please see this screencast.
My current workaround is to set the details-page to have actionBarHidden set to false.
The same thing happens when there is no ActionBar definition at all in the incoming page. The ActionBar eventually is on the page, but the transition does the same odd middle-up sliding

Is there code involved? If so, please share the minimal amount of code needed to recreate the problem.

details-page.xml

<Page xmlns="http://schemas.nativescript.org/tns.xsd" navigatingTo="onNavigatingTo">
  <Page.actionBar>
      <ActionBar title="{{title}}"/>
  </Page.actionBar>
  <StackLayout>
    <Label text="Second page" class="title"/>  
  </StackLayout>
</Page>

details-page.js

function onNavigatingTo(args) {
    var page = args.object;    
    page.bindingContext = {title:"Dynamic title"};
}
exports.onNavigatingTo = onNavigatingTo;

Metadata

Metadata

Type

No type

Projects

No projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions