反应导航如何将参数或道具传递给选项卡导航

【问题标题】：react navigation How to pass params or props to Tab navigation反应导航如何将参数或道具传递给选项卡导航
【发布时间】：2021-04-13 08:53:13
【问题描述】：

我们如何将 props 或 params 传递给标签导航组件。所以我尝试了以下但没有运气

我正在尝试将参数或道具发送到组件 HomeTab

<Tab.Navigator>
    <Tab.Screen name="Home" component={HomeTab} MyParam='custom message' />
    <Tab.Screen name="Video" component={VideoTab} />
</Tab.Navigator>

【问题讨论】：

也许这可以帮助你：stackoverflow.com/questions/60439210/…

标签： react-native react-navigation

【解决方案1】：

<Tab.Navigator>
    <Tab.Screen name="Home" component={()=> <HomeTab MyParam='custom message'/>} />
    <Tab.Screen name="Video" component={VideoTab} />
</Tab.Navigator>

这是使用上下文 API 的另一种方式：How to pass props to Screen component with a tab navigator?

【讨论】：

有效，但引入了一个新问题。看起来您正在为屏幕的组件道具传递一个内联函数。可能会导致重新渲染时状态丢失并导致性能问题
我知道这不是一个正确的方法，这就是为什么我还在给定的链接中提供了一种使用 Contex API 的解决方法。