您的位置:首页 > 运维架构

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

2018-02-24 16:44 344 查看
循环创建多个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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐