React Native 如何自动打开键盘？

在 React Native 中，如果您想要在某个输入元素（如 TextInput）被渲染时自动打开键盘，您可以使用 autoFocus 属性。将 autoFocus 设置为 true 将会在组件挂载完成后自动聚焦该输入元素，并触发键盘的弹出。

下面是一个简单的例子，展示了如何在 TextInput 中使用 autoFocus：

jsx
import React from 'react';
import { TextInput, View } from 'react-native';

const App = () => {
  return (
    <View style={{ padding: 50 }}>
      <TextInput
        autoFocus={true}
        placeholder="这里会自动聚焦并打开键盘"
      />
    </View>
  );
};

export default App;

在这个示例中，只要这个组件被渲染到设备的屏幕上，TextInput 就会自动聚焦，并且键盘会被打开，允许用户直接开始输入。

需要注意的是，autoFocus 只在组件第一次渲染的时候才会生效。如果您想要在其他时刻打开键盘，比如响应某个事件，您可以使用 TextInput 组件的 focus() 方法。首先，您需要使用 ref 属性来获取 TextInput 组件的引用，然后调用该引用的 focus() 方法。这里有一个如何实现的例子：

jsx
import React, { useRef } from 'react';
import { TextInput, View, Button } from 'react-native';

const App = () => {
  const inputRef = useRef(null);

  const focusTextInput = () => {
    // 通过调用 focus 方法来聚焦 TextInput 组件，从而打开键盘
    inputRef.current.focus();
  };

  return (
    <View style={{ padding: 50 }}>
      <TextInput
        ref={inputRef}
        placeholder="点击按钮后会聚焦并打开键盘"
      />
      <Button
        title="聚焦输入框"
        onPress={focusTextInput}
      />
    </View>
  );
};

export default App;

在这个例子中，当用户点击“聚焦输入框”按钮时，focusTextInput 函数会被触发，从而聚焦 TextInput 组件并弹出键盘。