在某些Android设备上,反应导航BottomTabNavigator非常慢

时间:2020-04-10 16:31:23

标签: performance react-native expo react-navigation-bottom-tab

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

它在MBP上运行,并通过QR码在我的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>
  );
}

应用代码(减去进口):

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;

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

编辑:我发现其他要测试的设备和iPad4,Galaxy9上的选项卡都很好,但在Note10 +上却严重不佳。

丰富

0 个答案:

没有答案