Problem with material-top-tabs after device orientation change

[KacperKozak]

Current Behavior

• Tab screen and underline are placed incorrectly after device orientation change.
• Video with this problem: https://drive.google.com/file/d/1gx_iBcGVG65JgMxdfAWcTVeyK-D0AONm/view?usp=sharing

Expected Behavior

• Tabs should re-render after orientation change.

How to Reproduce

1. Run very basic tab navigator eg:

import React from 'react'
import { Text, View } from 'react-native'
import { createMaterialTopTabNavigator } from '@react-navigation/material-top-tabs'
import { NavigationNativeContainer } from '@react-navigation/native'

const Tab = createMaterialTopTabNavigator()

export const App = () => (
    <NavigationNativeContainer>
        <Tab.Navigator>
            <Tab.Screen name="Aaaaa" component={Screen} />
            <Tab.Screen name="Bbbbb" component={Screen} />
            <Tab.Screen name="Ccccc" component={Screen} />
        </Tab.Navigator>
    </NavigationNativeContainer>
)

const Screen = () => (
    <View style={{ borderColor: 'gray', borderWidth: 10, flex: 1 }}>
        <Text>Screen</Text>
    </View>
)

AppRegistry.registerComponent('App', () => App)

2. Change to the second tab
3. Rotate device
4. Re-try because sometimes the first attempt will work correctly

Your Environment

• Devices: iOS and Android.
• Versions:

   "react": "16.9.0",
   "react-native": "0.61.2",
   "@react-navigation/core": "^5.0.0-alpha.22",
   "@react-navigation/material-top-tabs": "^5.0.0-alpha.17",
  

[satya164]

Hey, you can upgrade react native tab view and the should be fixed.

[damsonFilipson]

Problem still exists, at least on android. @satya164 do you remember what was the problem?

[github-actions]

Hey! This issue is closed and isn't watched by the core team. You are welcome to discuss the issue with others in this thread, but if you think this issue is still valid and needs to be tracked, please open a new issue with a repro.