when using rtl language tab underline in wrong position

[elirangoshen]

Current behaviour

In rtl layout the tabs underline located in wrong position.
I'm using createMaterialTopBarNavigator

Expected behaviour

When using rtl language, the tab underline should be under the tab header/name

Code sample

export const TabStack = createMaterialTopTabNavigator({
  moneyTransfer: { screen: MoneyTransferScreen },
  withdrawal: { screen: WithdrawalScreen },
  pendingRequests: { screen: PendingRequestsScreen },

},
  {
    defaultNavigationOptions: {
      drawerLabel: translate("operations.label"),
    },
    lazy: true,
    tabBarOptions: {
      activeBackgroundColor: color.palette.lightGrey,
      inactiveBackgroundColor: color.palette.lightGrey,
      scrollEnabled: true,
      style: {
        backgroundColor: "#212121",
      },
      indicatorStyle: {
        backgroundColor: color.palette.green,
      },
      labelStyle: {
        width: 200,
      },

    },
    animationEnabled: true,
  })

Screenshots (if applicable)

What have you tried

didn't tried anything yet as id like to know if there is solution without me need to supply workaround from code

Your Environment

software	version
ios	12.2
react-native	0.59.2
react-navigation-tabs	2.1.0
node	11.14.0
yarn	1.15.2

[elirangoshen]

@satya164 , this can be workaround by disabling swipe gestures and animations.
But its still not solution so id prefer to leave it open.

Update: issue 746 that I assumed it was related has been resolved by upgrading react-native-tab-view, but this issue is till exists after the upgrade.

[satya164]

There's a PR open for it, but it doesn't seem to work for me. Help is appreciated satya164/react-native-tab-view#742

[satya164]

This should fix it satya164/react-native-tab-view#808