在 React Native Stack Navigator 中更新徽章 Header
Update Badge in React Native Stack Navigator Header
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
谁能建议我怎么做？
任何参考代码或文章都会很有帮助。
提前致谢。
如果需要从应用程序的任何屏幕全局更新 UI 那么我们可以实施全局状态管理。
有两种简单的方法来实现全局状态，当对其进行更改时 UI 会更新。
- React Redux
- React 上下文 API
使用其中之一并更改全局状态并将值分配给需要 UI 更改的 UI 组件。
您只需调用 API 并更新全局状态即可更新徽章计数。
查看官方文档以实现全局状态：
对于 React Redux：https://react-redux.js.org/
对于上下文 API：https://reactjs.org/docs/context.html
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
谁能建议我怎么做？ 任何参考代码或文章都会很有帮助。
提前致谢。
如果需要从应用程序的任何屏幕全局更新 UI 那么我们可以实施全局状态管理。
有两种简单的方法来实现全局状态，当对其进行更改时 UI 会更新。
- React Redux
- React 上下文 API
使用其中之一并更改全局状态并将值分配给需要 UI 更改的 UI 组件。
您只需调用 API 并更新全局状态即可更新徽章计数。
查看官方文档以实现全局状态：
对于 React Redux：https://react-redux.js.org/
对于上下文 API：https://reactjs.org/docs/context.html