search

ptomasroos / react-native-tab-navigator

A tab bar that switches between scenes, written in JS for cross-platform support
MIT License
2.4k stars 415 forks source link

Vertical white lines between tabbar buttons #174

Closed ghost closed 6 years ago

ghost commented 6 years ago

Hi!

Our team found an issue with vertical white lines as shown on the picture below. It happens only on big displays such as iPhone 7 plus. On small screens such as iPhone 5s, iPhone 7 no lines are displayed.

tabbar issue

I've tried to debug styles both in the app and in the library code and no clue where those lines are coming from.

Would be awesome to understand how to fix this :)

karimbutt commented 6 years ago

+1 having the same issue here

andresteves commented 6 years ago

@maksim-harakhovich-itechart @karimbutt Is it me or only happens after every two items?

karimbutt commented 6 years ago

@andresteves yea, seems to happen every 2 items for me

TuKDoan commented 6 years ago
screen shot 2018-03-10 at 3 19 47 pm screen shot 2018-03-10 at 3 19 56 pm screen shot 2018-03-10 at 3 19 59 pm

I also have this problem

ptomasroos commented 6 years ago

If someone could provide me with a running working example I could take a look at fixing this

ptomasroos commented 6 years ago

Will close since this issue is more than a year, feel free to a open a new if this is still a issue.

karimbutt commented 6 years ago

@ptomasroos it happens on larger sized screens like iPhone 7 or 8 Plus for me but works fine on smaller screens. We have an app in production that has this issue - are you looking to just see the issue (i.e., I can give you creds to check it out) or are you looking for the code (in which case I can send you snippets rather than the whole repo)?

ptomasroos commented 6 years ago

I prefer a expo repo I can reproduce it on! Would love to help out if I can reproduce it. Please open a new issue