react-native 自定义多选

页面部分:
{this.state.answer.map((item,index) =>{
return(

						<touchableOpacity key={index} onPress={()=>this.changeImage(index)}>
							<View style = {{flexDirection:"row",alignItems:"center",paddingLeft:15,marginTop:33}}>
								<View >
									{index==this.state.index ?
									<Image style={{width:14,height:14}} source={require("../../assets/images/changeOn.png")}/>:
									<Image style={{width:14,height:14}} source={require("../../assets/images/changeOff.png")}/>
									}
								</View>
								{/*<View style={{paddingLeft:14}}><Text>A</Text></View>*/}
								<View style={{paddingLeft:10}}><Text>{item.a_text}</Text></View>
							</View>
						</touchableOpacity>
						)
					}
				)}
        touchableOpacity换大写T

    js部分:		
    //多选
changeMoreSelect =(index) =>{
	const set = new Set(this.state.changeArr)
	set.has(index) ? set.delete(index) : set.add(index)
	this.setState({changeArr: [...set]},()=>{
		console.log(this.state.changeArr)
})
}
posted @ 2019-01-25 11:26  -http  阅读(678)  评论(0编辑  收藏  举报