react-native-navigation icon indicating copy to clipboard operation
react-native-navigation copied to clipboard

Published 20 hours ago • verified publisher icon wix

Bottom tab changes color at the bottom of a page

Open Rubenvdveen opened this issue 2 years ago • 4 comments

🐛 Bug Report

The bottom tabs change to a black background color when scrolled all the way to the bottom in iOS.

To Reproduce

Scroll to bottom of a page with bottom tabs active.

Expected behavior

The bottom tabs to stay the color they are supposed to be (white in my case)

Actual Behavior

The bottom tabs background color changes to black

https://user-images.githubusercontent.com/22151095/158785644-d097c540-357f-4841-b6f9-8d2146725192.mp4

Your Environment

  • React Native Navigation version: 7.26.0
  • React Native version: 0.63.3
  • Platform(s) (iOS, Android, or both?): iOS
  • Device info (Simulator/Device? OS version? Debug/Release?): iPhone 13 Simulator

Rubenvdveen avatar Mar 17 '22 10:03 Rubenvdveen

I have the same issue as well

traxx10 avatar Mar 20 '22 20:03 traxx10

same problem here : /

thiagoapmobly avatar May 18 '22 21:05 thiagoapmobly

hi, I did fixe doing this one:

  • set layout: { backgroundColor: the_color_here } in the setDefaultOptions method when call the registerAppLunchedListener.

example:

Navigation.events().registerAppLaunchedListener(() => {
Navigation.setDefaultOptions({
...
layout: { backgroundColor: '#fff' }
...

thiagosalper avatar May 18 '22 21:05 thiagosalper

same issue here

yoavprat avatar Jun 03 '22 14:06 yoavprat