更新 React Native Stack Navigator 标头中的徽章

Question

I have added badges in react native stack navigator for cart and wish-list count. These counts must be fetched from API on every screen change or back event. I also want to update these count on add to cart and add to wish-list event from Product screen

谁能建议我如何做到这一点？ 任何参考代码或文章都会很有帮助。

提前致谢。

Answer 1

如果需要从应用程序的任何屏幕全局更新 UI，那么我们可以实现全局状态管理。

有两种简单的方法可以实现全局状态，当 UI 发生变化时更新它。

1. React Redux
2. 反应上下文 API

使用其中之一并在全局状态中进行更改，并将值分配给需要更改 UI 的 UI 组件。

您可以简单地调用 API 并更新全局状态以更新徽章计数。

查看官方文档以实现全局状态：

• 对于 React Redux：https://react-redux.js.org/

• 对于上下文 API：https://reactjs.org/docs/context.html