Question

我正在开发一个android应用程序。我想搜索并找到一个项目。我正在使用react-native-modal-filter-picker。它可以正常工作，但是在显示结果时键入项目名称后，我无法从第一次单击/触摸中选择项目。

第一次触摸-停用键盘需要时间

只有在第二次触摸时，我才能选择该项目。我想从第一次点击中选择项目

Answer 1

我猜您正在寻找的是keyboardShouldPersistTaps={'handled'}个道具，这将考虑您第一次点击一个道具。如果单击特定项目，则不会隐藏键盘，如果要隐藏它，请考虑使用Keyboard.dismiss()。

在下面，您将找到一个有效的示例：

import React from 'react';
import {
  View,
  Keyboard,
} from 'react-native'
import ModalFilterPicker from 'react-native-modal-filter-picker'


export default class App extends React.Component {
  render() {
    const options = [
      {
        key: 'kenya',
        label: 'Kenya',
      },
      {
        key: 'uganda',
        label: 'Uganda',
      },
      {
        key: 'libya',
        label: 'Libya',
      },
      {
        key: 'morocco',
        label: 'Morocco',
      },
      {
        key: 'estonia',
        label: 'Estonia',
      },
    ];

    return (
        <View style={{flex: 1, justifyContent: 'center', alignItems: 'center'}}>
          <ModalFilterPicker
              options={options}
              onSelect={option => {
                console.log(option);
                Keyboard.dismiss();
              }}
              onCancel={() => {}}
              keyboardShouldPersistTaps={'handled'}
          />
        </View>
    );
  }
}

触摸/点击选择器

1 个答案: