ios - 无法从一个 TextInput 点按到另一个

Question

当我专注于一个 TextInput 时，点击另一个 TextInput 字段并没有达到我的预期(更改 focus到那个 TextInput)。

相反，它只是模糊当前的TextInput，需要第二次点击以聚焦下一个TextInput。

有没有办法做到这一点，或者这是 React Native 目前的缺点？

示例代码:

class MyTest extends Component {
  render() {
    return (
      <ScrollView style={styles.container}>
        <View>
          <TextInput style={styles.textInput} />
          <TextInput style={styles.textInput} />
        </View>
      </ScrollView>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#ddd',
    paddingTop: 64
  },
  textInput: {
    backgroundColor: '#fff',
    borderColor: '#000',
    borderWidth: 1,
    height: 46,
    paddingLeft: 10
  }
});

原来，当输入字段在 ScrollView 中时，它们的行为与我上面描述的一样(您不能只从一个字段点击到另一个字段)。我尝试将 TextInputs 包装在 View 中以解决此问题，但没有成功。

Answer 1

你需要给你添加keyboardShouldPersistTaps={true} ScrollView .

keyboardShouldPersistTaps bool:

When false, tapping outside of the focused text input when the keyboard is up dismisses the keyboard. When true, the scroll view will not catch taps, and the keyboard will not dismiss automatically. The default value is false.