创建多个TouchableOpacity的时候,如何区分点击哪一个TouchableOpacity

循环创建多个view:

   <View style = {styles.view_promotion}>
                <View style = {styles.view_promotion_title}>
                        {this.state.title.map((key, i) => this.renderTitle(i, key))}

                </View> 

      </View>

  renderTitle(index, title) {

                  return(
                            <TouchableOpacity 
                            style = {[styles.view_btn_title, {borderLeftWidth: 0}]} 
                            key = {title}
                            onPress = {() => {this.onPressBrandButton(index)}}
                            underlayColor = 'red'
                            > 
                                   <Text style = {[styles.text_title,{color: 'yellow'}]}>
                                   {title}
                                   </Text> 
                      </TouchableOpacity>
                      )
            
   }

 onPressBrandButton(i) {
    Alert.alert('序号:' + i.toString()) 
   }


参考:http://bbs.reactnative.cn/topic/2562/for%E5%BE%AA%E7%8E%AF%E5%88%9B%E5%BB%BAtouchableopacity%E5%AF%B9%E8%B1%A1%E6%97%B6-%E7%82%B9%E5%87%BB%E6%97%B6%E6%80%8E%E4%B9%88%E5%88%A4%E6%96%AD%E5%85%B7%E4%BD%93%E7%82%B9%E5%87%BB%E4%BA%86%E5%93%AA%E4%B8%80%E4%B8%AA/4






  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值