OGeek|极客世界-中国程序员成长平台

标题: ios - 无法从一个 TextInput 点按到另一个 [打印本页]

---

作者: 菜鸟教程小白    时间: 2022-12-12 10:29
标题: ios - 无法从一个 TextInput 点按到另一个

当我专注于一个 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 中以解决此问题，但没有成功。

---

Best Answer-推荐答案

你需要给你添加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.

关于ios - 无法从一个 TextInput 点按到另一个，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/35354099/

---

欢迎光临 OGeek|极客世界-中国程序员成长平台 (http://ogeek.cn/)

Powered by Discuz! X3.4