React-native-navigation: [v2][Android] Top bar Title Flickering

[hadimostafapour]

Issue Description

While push/pop pages the topBar title blinks.

_GIF is 5x slower_

Basically same as: #3864

Steps to Reproduce / Code Snippets / Screenshots

---

Environment

• React Native Navigation version: 2.6.0
• React Native version: 0.57.8
• Platform(s) (iOS, Android, or both?): Android
• Device info (Simulator/Device? OS version? Debug/Release?): All

[guyca]

Hey @hadimostafapour
Can you please PR the playground app with a reproduction?

[hadimostafapour]

@guyca
Well, I experienced this issue on react-native-navigation example playground on slow devices,
I think the problem exists in TitleBar.java, when pushing a new component, at the very first moment setTitle will be called and title text got updated in Android Title Bar, while it takes moment until alignTextView() execution, so in this period title TextView rendered with old x value and when alignTextView is done, x got updated and this cause glitch on slower devices

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs.
If you believe the issue is still relevant, please test on the latest Detox and report back. Thank you for your contributions.

[hadimostafapour]

Hey bot, Issue still exists!

[tugkankibar]

Is this happening to you only on Android or also with iOS as well?

[hadimostafapour]

@htkibar only Android

[rickyliu93]

+1

[MoonlightAniki]

+1

[gusoskar]

+1

[LoganArnett]

Still seeing this on 2.18.2, every screen change cause my title icon to flicker even though it is static

[ferrydarma]

This workaround works like magic. Give it a try guys:
https://medium.com/@linasmnew/react-native-navigation-wix-fix-top-left-corner-flickering-bcf5f9aa57cd