Android文本输入：长文本初始显开头，点击后自动聚焦末尾的实现

你之前的问题出在固定了selection始终为{start:0}，导致不管输入还是聚焦，光标都被强制锁在开头位置。要实现iOS的行为，得区分初始渲染和聚焦两种状态，动态调整selection：

1. 用状态变量管理selection，初始值设为{start:0, end:0}，保证页面加载时文本显示开头
2. 监听输入框的onFocus事件，聚焦时把selection设置为文本末尾的位置
3. 可选：监听onBlur事件，失焦时切回初始的selection，确保失焦后依然显示文本开头

示例代码：

import { useState } from 'react';
import { TextInput } from 'react-native';

export default function CustomTextInput() {
  const [text, setText] = useState("这里是你的超长测试文本内容，用来验证显示和光标定位");
  const [selection, setSelection] = useState({ start: 0, end: 0 });

  return (
    <TextInput
      style={{ borderWidth: 1, padding: 8, fontSize: 16 }}
      value={text}
      onChangeText={setText}
      selection={selection}
      onFocus={() => {
        // 聚焦时将光标移到文本末尾
        const textLength = text.length;
        setSelection({ start: textLength, end: textLength });
      }}
      onBlur={() => {
        // 失焦后恢复显示文本开头
        setSelection({ start: 0, end: 0 });
      }}
    />
  );
}

这样调整后，初始状态文本显示开头，点击输入框时光标自动跳到末尾，输入内容时也会正常跟随输入位置，不会再固定在开头。

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