[Bug] When Using Xamarin Shell Flyout Navigation bottom tab bar has a white streak

[sisaacks]

Description

I am seeing this issue on older versions of Android. When using the shell flyout navigation, its glitchy and also I see a large white streak across the bottom of the screen during navigation

Steps to Reproduce

1. Create an Xamarin Shell Flyout and use an older android phone, mine is Android 7 Samsung 920-V
2. Navigate using the flyout

Expected Behavior

Smooth transition and no white streak at the bottom

Actual Behavior

glitchy transition and white streak at the bottom

Basic Information

• Version with issue: 5.0
• 5.0.0.2012
• Last known good version: sometime before this one
• Platform Target Frameworks:
  • iOS:
  • Android:
  • android:targetSdkVersion="29"
  • UWP:
• Android Support Library / AndroidX Version:
• NuGet Packages:
• Affected Devices:

Environment

Microsoft Visual Studio Professional 2019
Version 16.8.6

Show/Hide Visual Studio info

Build Logs

Screenshots

I can send a video if you want, was not able to capture a screen shot

Reproduction Link

Workaround

No

[sisaacks]

It appears that the white line that I am seeing is the bottom tab bar. It seems to fade from white to black going left to right

[sisaacks]

@samhouts I take this back, this is happening on the newer phones as well....the bottom tab bar has a white streak that goes across from left to right when navigation occurs with the flyout

[sisaacks]

@samhouts I rolled back to 5.0.0.1874 and I am still seeing the same issue. It only seems to happen the first time you navigate. After that it does not happen anymore

[sisaacks]

@samhouts this also seem to be limited to Android. My background, including the bottom tab bar is black. I was wrong, it does happen every time, it just seems to be faster after the first navigation

[sisaacks]

@samhouts this may be the same or very similar issue: #10034

[sisaacks]

@samhouts I guess not...that is IOS and mine is Android.

[sisaacks]

WhiteTabFash.zip

[rmarinho]

Hi @sisaacks I m not able to check your video , I think it's related with encode. can you add as attachment here on Github comments ? or send another file?

thanks

[sisaacks]

@rmarinho thats what I did. I literally dragged the video on here. I am unaware of anyway else to get a video on here. I cant just drag the video on here, it says the file is too big. So I am not sure how to get this to you. I am going to try and record a new video.
2021_03_08_07_05_45.zip
I was told this is because the device I am testing on is Samsung and other devices dont have this streak. But I am not sure, I dont have any other "actual" devices.

[sisaacks]

@rmarinho well that did not work either, I dont know how to get you a video. Its super simple to replicate on a Samsung device. Create a shell flyout app. Make your page and tab bar background black and then navigate...there is a white flash on the bottom tab bar.

[sisaacks]

WhiteFlicker.zip
trying a different recorder

[rmarinho]

Thanks @sisaacks i was able to see the issue happening in the last video.