React Native TextInput 滚动时避免触发焦点
要实现在滚动过程中,不触发 TextInput 的焦点,可以通过以下步骤来实现:
- 在 TextInput 的父组件上设置'keyboardShouldPersistTaps'属性为'never'。这样当用户点击 TextInput 以外的区域时,焦点不会自动聚焦到 TextInput 上。
<ScrollView keyboardShouldPersistTaps='never'>
<TextInput />
</ScrollView>
- 在滚动组件上设置'keyboardDismissMode'属性为'on-drag'。这样当用户开始滚动时,键盘会自动隐藏,不会触发 TextInput 的焦点。
<ScrollView keyboardShouldPersistTaps='never' keyboardDismissMode='on-drag'>
<TextInput />
</ScrollView>
通过以上两个步骤,可以实现在滚动过程中不触发 TextInput 的焦点。
原文地址: https://www.cveoy.top/t/topic/fOLg 著作权归作者所有。请勿转载和采集!