React Native安卓端如何实现TextInput聚焦时选中全部文本

安卓端默认不会在输入框聚焦时自动选中已有文本，可通过以下方式实现该效果：

• 核心逻辑：给TextInput绑定ref引用，监听onFocus事件，在聚焦触发时主动调用选中文本的API，指定选区从文本起始位置到末尾位置，完成全选。
• 兼容处理：安卓端onFocus触发时，输入框焦点可能未完全挂载，直接调用选中API大概率失效，需要加30-100ms的短延时兜底，用户无感知。

函数组件实现示例（Hooks写法） #

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

export default function CustomInput() {
  const inputRef = useRef(null);
  // 受控组件绑定的文本值，非受控场景可直接读取输入框内部存的文本
  const [inputVal, setInputVal] = useState('预置的测试文本');

  const handleFocus = () => {
    // 加50ms延时适配安卓机型
    setTimeout(() => {
      // 优先用select方法，兼容性更好
      inputRef.current?.select();
      // 若部分低版本RN下select不生效，可手动指定选区范围
      // inputRef.current?.setSelection(0, inputVal.length);
    }, 50);
  };

  return (
    <View style={{ padding: 20 }}>
      <TextInput
        ref={inputRef}
        value={inputVal}
        onChangeText={setInputVal}
        onFocus={handleFocus}
        style={{ borderWidth: 1, borderColor: '#ccc', padding: 10 }}
        // 关闭自动纠错，避免部分定制安卓系统输入法抢选区导致选中失效
        autoCorrect={false}
      />
    </View>
  );
}

注意事项 #

• 非受控组件（未绑定value属性，用defaultValue传默认值）场景下，不要依赖state存的文本长度，可通过inputRef.current._lastNativeText拿到输入框当前真实文本，再传入setSelection方法。
• 类组件实现逻辑完全一致，仅需将useRef替换为createRef创建引用，事件回调写在类方法中即可，无额外适配成本。
• 延时时间不要设置过长，超过100ms用户会感知到选中延迟，50ms适配绝大多数安卓机型无问题。

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