动态更改抽屉左右按钮图像？

Question

react-native-router-flux v3.37.0 react-native v0.42.0

我正在尝试动态更新抽屉导航栏右侧图像，我使用了leftButtonImage，rightButtonImage，其中一旦用户读取了我想要更改按钮图像的所有通知。

我无法重新渲染或更新此按钮图片，是否不支持此功能或是否有某些我缺少的内容？

Answer 1

您需要刷新视图时调用Actions.refresh，例如：

Actions.refresh({key: 'profileView', renderRightButton: this.renderRightButton });

并定义renderRightButton：

renderRightButton() {
    return (
          <TouchableOpacity onPress={ console.log(this) } >
             <Text>Logout</Text>
          </TouchableOpacity>
        )
}

最后不要忘记从react-native-router-flux

导入Actions

import {Actions} from 'react-native-router-flux';

Answer 2

您可以自然地使用props或states重新呈现。

检查所需的状态，并按照状态（或道具）

应用图像资源

let NotiImage = {
    normal: require('../assets/image/notinormal.png');
    new: require('../assets/image/new.png');
}

render() {
    ...

    <Image source={ this.state.newNoti ? NotiImage.new : NotiImage.normal } />

    ...
}