@jbarnabe commented on Wed Oct 24 2018

I'm encountering a problem with the 'Tab Navigation' template of Nativescript (V4) with Angular, forAndroid, on emulator (Nougat v7.1.1) or on the device (Oreo 8.1).

When I navigate between tabs, the screen "flashes". The behavior seems linked to the use of several "page-router-outlet".

I tried the solution described Nativescript Forum, without success.

With the <item name=“android:windowAnimationStyle”>@null</item> in AppThemeBase, I encounter an error of the type

System.err: com.tns.NativeScriptException:
System.err: Calling js method onViewAttachedToWindow failed
System.err:
System.err: TypeError: Cannot set property 'transitionType' of null
(both on emulator or device).

a little video showing the problem

I have create a StackOverflow question with no success : https://stackoverflow.com/questions/52854414/nativescript-tabview-flashing-transition

Originally posted by @jbarnabe in NativeScript/nativescript-angular#1351 (comment)

@rchougui commented on Wed Oct 24 2018

I confirm same issue happening to me.

@tsonevn commented on Thu Oct 25 2018

Hi @jbarnabe @rchougui,
I was able to recreate the issue on my side in a the non-Angular project, and I will mark it as a bug. We will investigate further the case and will provide more info in the issue.
I am also attaching a sample project, which can be used for debugging.
Archive.zip