列表项内的TouchableHighlight,ListView内部没有高亮

时间:2016-12-28 23:41:00

标签: listview react-native touchablehighlight

每个列表项都有2个按钮:

enter image description here

不在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>
        )

2 个答案:

答案 0 :(得分:0)

如果我没有通过&#34; onPress&#34;它没有突出显示。

答案 1 :(得分:0)

您缺少onPress,这就是您的组件未突出显示的原因。