javascript - 在键盘感知 ScrollView 中输入文本后按下 React-Native 按钮

Question

我在 KeyboardAwareScrollView 中有一个 TextInput 和一个 button 时遇到问题。我希望用户输入一些文本，然后按下用 TouchableOpacity 制作的按钮。这将发送用户刚刚输入的文本。

问题是在输入文本后，第一次尝试 TextInput 只是失去了焦点。只有在下一次尝试按下时，按钮n 才会真正按下。如何让按钮在第一次按下时使用react？

我正在使用这个包 https://github.com/APSL/react-native-keyboard-aware-scroll-view

我的代码如下:

import { KeyboardAwareScrollView } from 'react-native-keyboard-aware-scroll-view'

export default class App extends Component<{}> {
  render() {
    return (
      <KeyboardAwareScrollView>
        <TextInput
          style={{ width: 100, height: 50, backgroundColor: 'blue' }}
        />
        <TouchableOpacity 
          style={{ backgroundColor: 'red', width: 50, height: 50 }}
        />
      </KeyboardAwareScrollView>
    );
  }
}

Answer 1

请在 ScrollView 上使用 keyboardShouldPersistTaps='always'。以下是操作方法。

<ScrollView
            keyboardShouldPersistTaps='always' >
</ScrollView>

它的发生是因为 ScrollView 具有先关闭键盘的属性，然后它会允许对其 subview 进行操作。现在我们正在使用上述属性更改该行为。