每个列表项都有2个按钮:
不在listView中时,按钮有效。 但是,当在列表视图中的列表项内部时,它们没有突出显示,是否有我遗漏的内容?
列表视图:
return (
<ListView
enableEmptySections={true}
dataSource={this.props.scheduledTasks}
renderRow={(scheduledTask) => (
<ScheduledTaskCellMobile
imageSource={scheduledTask.imageSrc}
title={scheduledTask.title}
subtitle={moment(scheduledTask.date).format("HH:mm")}/>
)
}
/>
);
列表项:
return (
<View style={this.styles.cell}>
<View className="leftContainer" style={this.styles.alignedLeftContainer} >
<Image source={imageSource} style={this.styles.image} />
<View style={this.styles.textsContainer}>
<TextTitleCellMobile>
{title}
</TextTitleCellMobile>
<TextSubtitleCellMobile>
{subtitle}
</TextSubtitleCellMobile>
</View>
</View>
<View style={this.styles.alignedRightContainer}>
<RoundButton style={this.styles.roundButtons} />
<RoundButton style={this.styles.roundButtons} />
</View>
</View>
)
RoundButton的:
return (
<View style={this.props.style}>
<TouchableHighlight onPress={this.props.onPress} style={{borderRadius: 4}}>
<View style={this.style.view}>
<Image style={this.style.image} source={soundImage}/>
</View>
</TouchableHighlight>
</View>
)