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+ 上非常糟糕。
富有的
归档时间: |
|
查看次数: |
3372 次 |
最近记录: |