reactjs - TouchableHighlight 不尊重状态变化

Question

我有一个<TouchableHighlight>组件包装 <Text> ，并且 onPress 我将状态 bool 值设置为 false 以使其消失。在 iOS 上工作起来就像一个魅力，但在 Android 上，<Text>消失了，但是 <TouchableHighlight>仍然被渲染。

有什么指点吗？

{(this.state.showUpdateToast && this.state.updateCount > 0) ?
          (<TouchableHighlight 
            underlayColor='rgba(116, 59, 243, 1)' 
            style={styles.toast} 
            onPress={this.refresh.bind(this)}
          >
            <Text style={styles.toastText}>
              {this.state.updateCount}{this.state.updateCount < 2 ? this.props.getLabel('updateToastSingle') : this.props.getLabel('updateToast')}
            </Text>
          </TouchableHighlight>) 
          : null
        }

Answer 1

不确定这是否能解决问题，但您可以尝试这样的操作:

<TouchableHighlight
  underlayColor="rgba(116, 59, 243, 1)"
  style={[styles.toast, !(this.state.showUpdateToast && this.state.updateCount) && { opacity: 0 }]}
  onPress={this.refresh.bind(this)}
>
  <Text style={styles.toastText}>
    {this.state.updateCount}{this.state.updateCount < 2 ? this.props.getLabel('updateToastSingle') : this.props.getLabel('updateToast')}
  </Text>
</TouchableHighlight>