
步骤:
使用 ref 控制焦点
为每个 textinput 分配一个引用,以编程方式控制焦点。
处理提交编辑
使用 onsubmitediting 事件来聚焦下一个输入。
设置 returnkeytype
将中间字段的 returnkeytype 设置为“next”,将最后一个字段设置为“done”。
防止键盘关闭
使用bluronsubmit={false} 在导航时保持键盘打开。
代码示例:
import React, { useRef } from 'react';import { TextInput, View, StyleSheet } from 'react-native';const App = () => { const input1Ref = useRef(null); const input2Ref = useRef(null); const input3Ref = useRef(null); return ( input2Ref.current?.focus()} blurOnSubmit={false} /> input3Ref.current?.focus()} blurOnSubmit={false} /> console.log('Form submitted')} /> );};const styles = StyleSheet.create({ container: { flex: 1, justifyContent: 'center', padding: 16 }, input: { height: 50, borderColor: 'gray', borderWidth: 1, marginBottom: 10, paddingHorizontal: 10 },});export default App;
主要特性:
ref:将每个 textinput 链接到焦点控制的引用。onsubmitediting:按下“下一步”按钮时触发器聚焦于下一个字段。returnkeytype:将键盘按钮类型设置为“下一步”或“完成”。bluronsubmit:移动到下一个输入时防止键盘关闭。
以上就是如何在本机反应中按下“下一个”键盘按钮后选择下一个 TextInput?的详细内容,更多请关注创想鸟其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1498798.html
微信扫一扫
支付宝扫一扫