如何在组件挂载后聚焦TextInput(用TextInput焦点初始化)- React Native

Question

我如何打开一个无状态的组件与TextInput已经在焦点?

谢谢大家!

Answer 1

嗨Túlio这是代码，你也可以检查我在这个链接中添加的实时工作示例—>零食示例

导出默认功能App() {

const focusRef = React.useRef()
React.useEffect(() => {     
if (focusRef.current) focusRef.current.focus()
},[focusRef])
return (
<View style={styles.container}>
<TextInput
placeholder="FirstTextInput"
returnKeyType="next"
ref={focusRef}
blurOnSubmit={false}
style={{padding:10}}
/>
</View>
);
}

Answer 2

如果您只希望TextInput字段关注组件挂载，那么您可以使用TextInput组件的autoFocusprop例如

<TextInput
autoFocus={true}
/>