Upgrading to 0.9.0 breaks the CustomTabBar about react-native-scrollable-tab-view HOT 8 CLOSED

+1
I got the same error in 0.9.0
Anyone has a fix? it looks like flex properties has no effect.

from react-native-scrollable-tab-view.

Not me, not yet... I tried for a decent amount of time too. I'm not sure why it would break just by upgrading to 0.9.0 but I downgraded and it fixed it, then upgraded and it broke it, so I'm pretty confident that just upgrading is what broke it.

from react-native-scrollable-tab-view.

Try to replace your tab style by:

  tab: {
    flex: 1,
    alignItems: 'center',
    justifyContent: 'center',
    paddingBottom: 10,
    width: deviceWidth / numberOfTabs,
  },

Also, add textAlign: 'center' in your tab name.

from react-native-scrollable-tab-view.

@brentvatne @tnguyen42 Thanks for the suggestion. But I rather let Flex do it's thing instead of using fixed width.
Anybody know why Flex properties has no affect?

from react-native-scrollable-tab-view.

If you're using @pickhardt design, the bottom bar width is already defined depending on the deviceWidth and the numberOfTabs.
Otherwise, no clue why flex properties aren't working.

from react-native-scrollable-tab-view.

I upgraded to 0.10.0 and having the same issue. Thanks @tnguyen42 for quick fix for now :)

from react-native-scrollable-tab-view.

Thanks @christopherdro for the fix :)

from react-native-scrollable-tab-view.

👍

from react-native-scrollable-tab-view.