我正在使用 create Bottom Tab Navigator 版本 6，有沒有辦法將導航物件從 Tab.Screen 傳遞到 TabButton ？考慮到 tabBarButton 的道具，我還必須將它們傳遞給我的自定義組件（TabButton），這是我的代碼，感謝您的幫助：
<Tab.Screen key={index} name={item.route} component={item.component}
options={{
headerShown: false,
tabBarButton: (props) => <TabButton {...props} item={item} />
}}
/>
uj5u.com熱心網友回復：
你可以通過這種方式傳遞navigation和tabBarButton道具，選項函式接收該螢屏的導航道具和路線道具，因此你也可以在那里使用路由。
<Tab.Screen key={index} name={item.route} component={item.component}
options={({ navigation }) => ({
headerShown: false,
tabBarButton: (props) => <TabButton {...props} navigation={navigation} item={item} />
})
}
/>
uj5u.com熱心網友回復：
這是您如何做到的示例
<Stack.Screen
name={"ComponentName"}
component={ComponentScreen}
options={(props) => {
return {
header: () => (
<CustomHeaderComponent
title={"SomeCoolTitle"}
{...props}
/>
),
};
}}
/>
uj5u.com熱心網友回復：
我剛剛添加了一個全域變數并影響它 props.navigation ，如下所示：
return (
<Tab.Screen key={index} name={item.route} component={item.component}
options={( props ) => {
_navigation = props.navigation
return{
tabBarButton: (props) => <TabButton {...props} item={item} navigation={_navigation} />
}
}
}
/>
)
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/493077.html
上一篇：react-native-dropdown-picker:TypeError:undefinedisnotanobject(evalating'this.setState')