search

web-ridge / react-native-paper-tabs

Smooth and fast cross platform Material Design Tabs for React Native Paper
https://reactnativepapertabs.com
MIT License
201 stars 36 forks source link

Tab Underline Not Always Rendered #28

Closed iM-GeeKy closed 2 years ago

iM-GeeKy commented 2 years ago

First off awesome library, this is heavily used in our application. Recently during our regression testing, we've come across an intermittent issue with the tab underline not always rendering on page open. This isn't a huge issue, but I would like to get some feedback as it helps improve our UX.

Here is a snack demonstrating the issue at hand.

Also a video showing the white tab underline being omitted and then rendered.

https://user-images.githubusercontent.com/7604441/146984038-326462a3-4ff4-4de5-a375-fc907e71a1a3.mov

Just doing some preliminary debugging it appears this line might be causing the issue. outputRange: childrenA.map( (_, i) => layouts.current?.[i]?.width || 0 ) in internal.native.ts.

iM-GeeKy commented 2 years ago

Potentail fix in #29.

RichardLindhout commented 2 years ago

I'm looking into it!