如何通过点击可触摸组件触发另一个Touchable组件的按下事件?

时间:2017-04-12 12:15:02

标签: javascript reactjs react-native

如何通过点按可触摸组件来触发另一个可触摸组件的按下事件?谢谢!

实施例: -

<TouchableHighlight onPress={this._triggerSecond}>
  <Image
    style={styles.button}
    source={require('./myButton.png')}
  />
</TouchableHighlight>

如果用户点击第一个TouchableHighlight,那么它应该触发第二个TouchableHighlight。

<TouchableHighlight>
  <Image
    style={styles.button}
    source={require('./myButton.png')}
  />
</TouchableHighlight>

2 个答案:

答案 0 :(得分:1)

嗯,我想这不是以这种方式思考,我想你可以认为这只是另一个TouchableHighlight调用相同的方法,如:

// First one 
<TouchableHighlight onPress={this._method}>
  <Image
    style={styles.button}
    source={require('./myButton.png')}
  />
</TouchableHighlight>

// Second one
<TouchableHighlight onPress={this._method}>
  <Image
    style={styles.button}
    source={require('./myButton.png')}
  />
</TouchableHighlight>

这样,点击时两个组件都将调用相同的method

答案 1 :(得分:0)

对于那些仍然需要以编程方式启动印刷机的人,我找到了解决方案。首先,您需要使用ref:

将可触摸绑定到<TouchableOpacity onPress={() => alert("click")} ref={(touchable) => this._touchable = touchable} >
this._touchable.touchableHandlePress()

然后当您想要在不点击它的情况下启动onPress时,只需调用

select GROUP_CONCAT(text SEPARATOR ' ')
from table_name
group by id