reactjs - 使用 React-Navigation v4 延迟加载特定选项卡

Question

我正在使用 React-Navigation V4，问题是，是否有任何方法可以仅延迟加载特定选项卡，例如我有四个选项卡并且我想在选项卡组件初始化后加载两个选项卡并且不想加载其他两个这些选项卡两个只会在用户激活它们时加载。
如果我使用 lazy: true在 React 中，它可以在所有选项卡上工作，或者为所有人禁用延迟加载或为所有人启用。

Answer 1

不幸的是，react navigation v4 中没有这样的东西。但是如果你想实现性能，你可以使用其他方法来延迟加载屏幕的一部分。

const TabPage = (props) => {
  const [renderHeavy, setRender] = useState(false)

  useEffect(() => {
      InteractionManager.runAfterInteraction(() => setRender(true))
  }, [])

  return (
      <View style={styles.body}>
          {
              renderHeavy &&
              <HeavyComponent />
          }
          <AnotherComponent />
      </View>
  )
 }