React Native组件挂载时如何自动唤起键盘？

我明白你的需求：希望页面加载时不用点击TextInput，自动弹出软键盘，而且只在没有硬件键盘的设备上触发。虽然你已经加了autoFocus={true}，但可能在某些场景下效果不如预期，我给你几个可行的方案：

1. 结合Ref手动触发焦点（类组件适配） #

有时候组件挂载时机的问题会导致autoFocus不生效，这时候可以通过Ref手动在组件挂载后唤起焦点：

首先在类组件的构造函数里创建Ref：

constructor(props) {
  super(props);
  this.state = { title: '' };
  // 创建TextInput的Ref
  this.textInputRef = React.createRef();
}

然后在componentDidMount生命周期里调用焦点方法：

componentDidMount() {
  // 确保组件完全挂载后唤起键盘，可选链避免空值报错
  this.textInputRef.current?.focus();
}

最后更新你的TextInput组件，绑定这个Ref：

<TextInput
  ref={this.textInputRef}
  style={styles.textInput}
  placeholder="Quiz Deck Title"
  autoFocus={true} // 保留这个属性作为 fallback
  value={this.state.title}
  onChangeText={(title) => this.controlledTextInput(title)}
/>

2. 配置Android平台的软键盘行为 #

对于Android设备，你还可以在AndroidManifest.xml里调整Activity的软键盘模式，确保启动时自动显示软键盘（仅当无硬件键盘时）：

<activity
  android:name=".MainActivity"
  <!-- 这个配置会让Activity启动时软键盘自动显示，同时调整页面布局 -->
  android:windowSoftInputMode="stateVisible|adjustResize">

这个系统级配置会优先响应设备的硬件键盘状态——如果设备连接了硬件键盘，软键盘就不会自动弹出，完美符合你的需求。

3. 排查焦点抢占问题 #

如果以上方法还是不生效，检查页面上是否有其他可聚焦的组件（比如Button、Switch等），它们可能会抢占TextInput的焦点。确保TextInput是页面中第一个被渲染的可聚焦元素。

这些方案组合起来，应该就能实现你想要的效果：页面加载后自动唤起软键盘，且仅在无硬件键盘的设备上触发。

内容的提问来源于stack exchange，提问作者SherylHohman