点击后有什么方法可以更改图标文本吗？答案

【问题标题】：Is there any way to change icon text after clicking on it?点击后有什么方法可以更改图标文本吗？
【发布时间】：2019-06-14 10:17:21
【问题描述】：

我想为 2 页使用一个图标。如果我在主屏幕上并且如果我按图标 A，那么它将转到屏幕 A，并且图标 A 变为图标 B。如果我按图标 B，它将转到屏幕 B，并且图标变为 A。使用反应原生应用路由器（堆栈）。

【问题讨论】：

只需要在onClick事件期间改变图片的src和href属性即可。
感谢您的快速回复。我没有使用 onClick 因为这些不是按钮。我使用了应用路由器堆栈（react-native-router-flux）
您说您想在点击图标时在页面之间导航。所以你可以为你的图标添加一个 onclick 监听器

标签： javascript react-native app-router

【解决方案1】：

添加一个状态变量 clicked=false 并在 on click 函数中更改它，并根据 i=此状态值更改图标

我做了什么

renderPasswordAccessory() {
    let { secureTextEntry } = this.state;

    let name = !secureTextEntry ?
      'visibility' : 'visibility-off';

    return (
      <MaterialIcon
        size={20}
        name={name}
        color={TextField.defaultProps.baseColor}
        onPress={this.onAccessoryPress}
        suppressHighlighting
      />
    );
  }

【讨论】：