循环创建多个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