打开屏幕后自动显示键盘

Question

我正在 react native 和 expo 构建应用程序。我想让屏幕在我进入此屏幕时键盘应该已经打开而无法关闭它。我的意思是 - 打开后屏幕应该如下图所示

有什么办法吗？

Answer 1

您可以使用 TextInput 的 autoFocus 道具来在屏幕安装时打开键盘（例如，它在 useEffect 中触发）。

const [number, setNumber] = useState()

<View keyboardShouldPersistTaps='always'>
<TextInput
   autoFocus={true}
   onChangeText={x => setNumber(x)}
   value={number}
   blurOnSubmit={false}
/>
</View>

使用 blurOnSubmit={false} 以防止输入时键盘关闭，在父视图上使用 keyboardShouldPersistTaps='always' 以防止在屏幕外点击时关闭。

打开屏幕后自动显示键盘

Keyboard automatically shown after open the screen

react-native

expo