<Stack.Navigator>
{
isLogin ? <ComponentA /> : <ComponentB />
}
</Stack.Navigator>
const ComponentA = () => (
arrA.map( v => <Stack.Screen name={v.name} component={v.component} />)
)
const ComponentB = () => (
arrB.map( v => <Stack.Screen name={v.name} component={v.component} />)
)
我想在组件A和组件B中使用一些钩子,所以我必须将它们用作功能组件,请问有什么帮助吗?
源代码 https://github.com/react-navigation/react-navigation/blob/1179d56c5008270753feef41acdc1dbd2191efcf/packages/core/src/useNavigationBuilder.tsx#L104
一个选项可能是内联渲染组件:
<Stack.Navigator>
{
isLogin ? ComponentA({}) : ComponentB({})
}
</Stack.Navigator>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)