Вкладка отложенной загрузки c с React-Navigation v4

Question

Я React-Navigation V4, и вопрос в том, есть ли способ ленивой загрузки, только если указать c вкладку, например, если у меня есть четыре вкладки и я хочу загрузить две вкладки после инициализации компонента вкладок и не хочу для загрузки двух других эти два будут загружаться только тогда, когда пользователь их активирует. если я использую lazy: true в React, он будет работать, работать со всеми вкладками, либо ленивая загрузка будет отключена для всех или включена для всех.

Answer 1

К сожалению, в реакции навигации v4 такого нет. но если вы хотите добиться производительности, вы можете использовать другие методы для ленивой загрузки части экрана.

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

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

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

}