如何将带有 Redux 的徽章值传递给 React Native 上的 BottomTabBar

Posted 2023-02-22

【中文标题】如何将带有 Redux 的徽章值传递给 React Native 上的 BottomTabBar

【英文标题】：How to pass Badge Value with Redux to BottomTabBar on React Native

【发布时间】：2020-02-04 15:57:00

【问题描述】：

如何使用 Redux 更改 BottomTabBar 上的徽章值？

带有 Redux (99+) 的 BottomTabBar 上的值徽章，我想用来自 redux 的值更改它

连接

【参考方案1】：

你需要创建一个新组件来处理状态变化

class Mybadge extends Component 
  constructor() 
    super();
    this.state = 
         num:99
    ;
//call the following function to set badge number
    functionToSetBadgeNum(num)
      this.setState(num:num)
      
    render()
     return (<Badge value=this.state.num status="error" />)
     
  

现在您可以添加新组件而不是徽章组件。

【讨论】：

谢谢，现在我可以从 redux 放价值徽章了！