React Native 如何防止选项卡在未聚焦时更新/重新呈现?

wfypjpf4  于 2022-12-04  发布在  React
关注(0)|答案(1)|浏览(124)

我使用的是素材顶部标签。问题是,当一个标签的状态发生变化时,所有其他使用相同状态的标签都会再次渲染,这会使应用程序的运行速度变慢。我如何防止标签被更新,除非它们被聚焦/看到?

vkc1a9a2

vkc1a9a21#

<TabNavigator.Navigator
  // set lazy true to prevent pre-render
  lazy={true}
  optimizationsEnabled={true}
  tabBarOptions={tabBarOptions}>
    <TabNavigator.Screen name="HOME" component={HOME} />
    <TabNavigator.Screen name="SHOP" component={SHOP} />
</TabNavigator.Navigator>

相关问题