如何实现从redux存储到tabBarBadge的价值

Question

所以我已经从我的应用程序中实现了redux，我也可以访问redux中的值。我的问题是，即使我没有打开我想要显示徽章的屏幕，我如何才能将redux的值实现到特定的屏幕。

navigation.setOptions({
tabBarBadge:
store.getState().notif.count === 0
? null
: store.getState().notif.count,
});

Answer 1

指定定义屏幕的徽章，而不是使用setOptions:

const count = useSelector(state => state.notif.count);
return (
<Tab.Navigator>
<Tab.Screen
name="Whatever"
component={Whatever}
options={{
tabBarBadge: count
}}
/>
{/* ...other screens */}
</Tab.Navigator>
);