React-navigation BottomTabNavigator 在某些 Android 设备上非常慢

Ric*_*ich 7 performance react-native expo react-navigation-bottom-tab

我在 Expo 中进行了一个最小的 ReactNative 测试。2 个屏幕,都在视图中只有文本。

它在 MBP 上运行,并通过二维码在我的 Android 设备 (Note10+) 上进行测试。

它不仅慢,而且大多数时候没有响应,当它确实通过单击导航到选项卡时,它要么是即时的(很少),要么需要 5-10 秒。但通常什么也不会发生。

没有显示任何错误,用 Stack 或 Drawer 替换相同的代码效果很好。

2 个基本屏幕:

function StackScreenA0({navigation}) {
  return (
     <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
        <Text>Test stack 0</Text>
        <Button title="goto 1" onPress={() => navigation.navigate('Screen A1')} />
     </View>
  );
}

function StackScreenA1({navigation}) {
  return (
     <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
        <Text>Test stack 0</Text>
        <Button title="goto 0" onPress={() => navigation.navigate('Screen A0')} />
     </View>
  );
}
Run Code Online (Sandbox Code Playgroud)

应用程序代码(减去导入):

const Tab = createBottomTabNavigator();

function App() {
  return (
    <NavigationContainer>
      <Tab.Navigator initialRoutName='Screen A0'>
        <Tab.Screen name="Screen A0" component={StackScreenA0} />
        <Tab.Screen name="Screen A1" component={StackScreenA1} />
      </Tab.Navigator>
    </NavigationContainer>
  );
}
export default App;
Run Code Online (Sandbox Code Playgroud)

我以前从未使用过 Expo,但我无法想象这是正常行为,但也看不出它工作如此糟糕的原因。

编辑:我发现其他要测试的设备和选项卡在 iPad4、Galaxy9 上都很好,但在 Note10+ 上非常糟糕。

富有的