React-native-router-flux 动态更新 rightButtonImage

Question

我在 Router 选项卡中定义了我的场景，如下所示：

<Scene 
         key="latest"
         title="LATEST"
         titleStyle={{flex:0}}
         component={Latest}
         onRight={()=>{}} 
         rightButtonImage={NOTIFICATION_ICON}
         onLeft={()=>{}}
         leftButtonImage={NAV_SEARCH_ICON}
/>

使用上面的代码，我可以使用以下代码从我的最新屏幕进行导航操作：

  componentDidMount() {
          this.props.navigation.setParams({
               'onRight': this.showNotifications,
               'onLeft': this.showSearch,
         })
  }

因此，为了从最新屏幕更新 rightButtonImage，我尝试在 setParams() 方法中添加 rightButtonImage，如下所示：

 this.props.navigation.setParams({
      'onRight': this.showNotifications,
      'onLeft': this.showSearch,
      'rightButtonImage': {NOTIFICATION_ICON_ON}
    })

所以，基本上我想在新通知到达时更改我的通知铃图标。但是，通过在 setParams() 中添加 'rightButtonImage' 不起作用。

有人可以帮忙吗？

Answer 1

尝试起诉 Actions.refresh

componentDidMount() {
  Actions.refresh({
    rightButtonImage : NOTIFICATION_ICON_ON // this should be an Image
  });
}

或者您可以在 Actions.refresh

中使用 renderRightButton

componentDidMount() {
  Actions.refresh({
    renderRightButton : XXXX // this should be an React.Component
  });
}

React-native-router-flux 动态更新 rightButtonImage

React-native-router-flux Update rightButtonImage dynamically

navigation

android

ios

react-native

react-native-router-flux