Nativescript: [iOS] Custom ActionBar and rotation

[demetrio812]

Hello,
I was testing the custom title view example written here:

https://docs.nativescript.org/angular/ui/action-bar#using-a-custom-title-view1

If I take it as it is it works (even if the title attribute in the ActionBar is not needed) but if you put stretch="none" to the image or if I remove the image completely, it is shown correctly when the view is opened but on rotation the text goes on the right, and stays there even if I rotate the phone back in portrait.

This is the sample code:

<ActionBar>
    <StackLayout orientation="horizontal"
                 ios:horizontalAlignment="center"
                 android:horizontalAlignment="left">
        <Label text="NativeScript"  class="action-label"></Label>
    </StackLayout>
</ActionBar>

First run:

Rotate:

Rotate back:

I've asked on the forum before adding this issue:

https://discourse.nativescript.org/t/ios-custom-actionbar-and-rotation/4597

It looks like a bug...

This is my environment:

│ Component        │ Current version │ Latest version │ Information │
│ nativescript     │ 3.4.2           │ 3.4.2          │ Up to date  │
│ tns-core-modules │ 3.4.1           │ 3.4.1          │ Up to date  │
│ tns-android      │ 3.4.1           │ 3.4.1          │ Up to date  │
│ tns-ios          │ 3.4.1           │ 3.4.1          │ Up to date  │

Thanks,
Dem

[NickIliev]

@demetrio812 I can confirm that indeed this is unexpected behavior and is definitely a bug.
The good news is that this one is already fixed and the fix is merged into the master branch.
The fix will be included in our next official release.
Meanwhile, you can test it at your side by using tns-core-modules@next.

Demonstration test application using the next modules can be found here

[lock[bot]]

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.