
步骤:
使用 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:移动到下一个输入时防止键盘关闭。










