我正在開發一個 React-Native 應用程式，并希望開始添加一些額外的功能，例如用于未讀通知和訊息計數的標簽欄徽章。
我正在為標簽欄使用 react-navigation，為我的狀態存盤使用 redux。我的通知中有一個未讀計數，訊息指出我正在檢索并使用當前在導航器中顯示標簽欄徽章。
我遇到的問題是，如果用戶點擊訊息或通知（將其標記為已讀），我想減少未讀計數。當我這樣做時，它會重新加載導航，讓用戶從他們當前所在的螢屏回傳到主導航。
我通過讓通知和訊息詳細資訊螢屏有一個減少未讀計數的按鈕來創建一個顯示問題的小吃。
https://snack.expo.dev/@simplytrak/tab-bar-badges
如何讓用戶保持在當前螢屏上，同時更新標簽欄上的徽章？
uj5u.com熱心網友回復：
您正在組件內創建AppNavigator組件。你需要把它們移到外面。
有時您可能已經注意到您的螢屏卸載/重新安裝，或者您的本地組件狀態或導航狀態在您導航時重置。如果您在渲染期間創建 React 組件，則可能會發生這種情況。
https://reactnavigation.org/docs/troubleshooting/#screens-are-unmountingremounting-during-navigation
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/316884.html
上一篇：在另一個映射中映射物件反應原生