Question

我已经在React native中将TouchableHighlight用于FlatList。此处用于显示将由API返回的城市。但是当触摸平面列表中的每个项目时，只有第一个项目被忽略。但是当我按下时，除第一个项目以外的其他项目都会突出显示。另外，我在设备上而不是在模拟器上运行该应用程序。 The screenshot of the flatlist

代码

export default class SearchResultsList extends Component {

render() {

    return (
        (this.props.list &&
            <List containerStyle={{ borderTopWidth: 0, borderBottomWidth: 0 }} keyboardShouldPersistTaps={'always'}>
                <FlatList
                    data={this.props.list}
                    renderItem={({ item }) => (
                        <TouchableHighlight
                            onPress={() => {
                                console.log(item.primaryText);
                            }}
                            underlayColor="#cca016"
                        >
                            <ListItem
                                title={item.primaryText}
                                subtitle={item.secondaryText}
                                containerStyle={{ borderBottomWidth: 0 }}
                            />
                        </TouchableHighlight>
                    )}
                />
            </List>)
    );
}}

当我不使用keyboardShouldPersistTaps = {'always'}进行检查时，也会出现相同的问题。

Answer 1

您似乎正在使用.vimrc.local react-native-elements组件。

在这种情况下，请勿将List放在FlatList react-native-elements内。

希望有帮助

反应原生TouchableHighlight忽略第一项

1 个答案: