reactjs - ListView 中的 TouchableOpacity 需要点击 2 次才能实现 onPress

Question

我有一个 TextInput，它将向 AutoComplete 呈现一个 ListView 提示文本，但是 TouchableOpacity 需要点击 2 次才能触发(首先关闭键盘)

将 keyboardShouldPersistTaps="always" 添加到 ListView 不会 解决问题。

代码:

render() {
    const { selected, searched } = this.state;
    return (
        <View>
            <TextInput
                onChangeText={this.searchedText}
                underlineColorAndroid="transparent"
                onBlur={this.blurInput}
            />
            <ListView
                keyboardShouldPersistTaps="handled"
                style={styles.autoCompleteListView}
                dataSource={ds.cloneWithRows(searched)}
                renderRow={this.renderRow.bind(this)}
            />
        </View>
    );
}

...

renderRow = (rowData) => (
    <TouchableOpacity
        onPress={this._onPressRow.bind(this, rowData)}
    >
        <Text>{ rowData }</Text>
    </TouchableOpacity>
);

Answer 1

https://github.com/facebook/react-native/issues/10138#issuecomment-304344283

所有嵌套组件都需要 keyboardShouldPersistTaps 属性