Android Nav-Bar Title Mis-aligned on Transition

ionic-v1
1

Hi,

I’m wondering if anyone can help me with this one. My $ionicConfigProvider is set up as follows:

$ionicConfigProvider.backButton.previousTitleText(false).text(‘Back’);

However more often then not when navigating around in Android (both on an actual mobile device and ionic-lab in Chrome, the nav-bar title navigation never seems to quite finish and you are left with:
image

Some time it is not shown at all. When you look at the CSS, you can see
image
In this example the the ‘-119.773px’ should read 0. It just never seems to get to zero. Some time the title is complete off the screen.

Im currently using Ionic v1.0.0 and the only way I seem to be able to fix it is by setting the ionicConfigProvider.views.transition(‘ios’).

If anyone can help out it would be much appreciated.

Thanks

2

Maybe unrelated but are you sure you can chain both settings?
It seems to me that previousTitleText(false) returns a boolean.
I do it this way:

$ionicConfigProvider.backButton.previousTitleText(false);
$ionicConfigProvider.backButton.text('Back');
3

Thanks for the reply. That line works absolutely perfectly and was included in my post to show all that is the only thing in my ionicConfigProvider statement.

In addition to my original problem if I try to do the following for an experiment

$ionicConfigProvider.platform.ios.backButton.text(‘Back’).previousTitleText(false);
$ionicConfigProvider.platform.android.backButton.text(‘’).previousTitleText(false);

Everything in iOS works fine. However in android, not only does it not align the title correctly (as per my original post) but I can also see the text ‘Back’ on the button.

4

Just in case others are having issues with this one and arrive at this post. I was still struggling to resolve this issue until I stumbled upon this bug report

To fix the issue on Android I put this code within my main app controller
if (ionic.Platform.isAndroid()) {
$timeout(function () {
$ionicNavBarDelegate.align(‘left’);
}, 50);
}`

This forces the title to align correctly though without any animation.