Android adjustResize触发问题：ScrollView内编程聚焦输入框不滚动

嘿，这个坑我之前踩过！手动聚焦能正常滚动到输入框，但用refToTextInput.focus()编程式触发时就没反应，确实挺闹心的。本质上是因为系统的adjustResize机制在编程式聚焦时没有被正确触发，咱们来试试这几个靠谱的解决方案：

1. 给聚焦操作加个小延迟 #

有时候组件布局还没完全稳定就调用focus()，系统来不及响应滚动逻辑。给它个几十毫秒的缓冲就行：

const focusNextInput = () => {
  // 100ms足够让布局完成更新，数值可以按需调整
  setTimeout(() => {
    refToTextInput.current?.focus();
  }, 100);
};

这个方法最简单，大部分情况下都能解决问题。

2. 手动控制ScrollView滚动到目标位置 #

如果延迟大法不管用，那就主动计算输入框位置，让ScrollView滚过去：
首先要获取输入框的布局坐标，然后调用ScrollView的scrollTo方法：

import { findNodeHandle, UIManager } from 'react-native';

const scrollAndFocus = () => {
  const inputHandle = findNodeHandle(refToTextInput.current);
  if (!inputHandle) return;

  // 测量输入框在屏幕上的位置
  UIManager.measure(inputHandle, (_, __, ___, ____, pageX, pageY) => {
    // 计算滚动偏移量，这里可以根据你的页面布局调整（比如减去头部高度）
    const targetScrollY = pageY - 80; // 80是示例值，按需修改
    refScrollView.current?.scrollTo({ y: targetScrollY, animated: true });
    
    // 滚动完成后再聚焦，体验更流畅
    setTimeout(() => {
      refToTextInput.current?.focus();
    }, 200);
  });
};

注意要确保ScrollView和输入框的ref都正确获取了哦。

3. 用InteractionManager等待布局完成 #

React Native的InteractionManager会等所有交互和布局任务结束后再执行回调，能确保聚焦时布局是完全稳定的：

import { InteractionManager } from 'react-native';

const focusAfterLayout = () => {
  InteractionManager.runAfterInteractions(() => {
    refToTextInput.current?.focus();
  });
};

这个方法比setTimeout更“优雅”，因为它不是固定延迟，而是等系统空闲时执行。

4. 检查ScrollView的关键配置 #

有时候是ScrollView的属性没设对导致的：

• 确保contentContainerStyle={{ flexGrow: 1 }}，让内容容器占满屏幕空间，不然滚动计算可能出错；
• 试试调整keyboardShouldPersistTaps属性，比如设为'handled'或者'always'，某些场景下这个属性会影响聚焦时的滚动行为。

5. 升级React Native版本 #

如果你的RN版本比较旧（比如0.60x早期），可能是官方的bug导致的，升级到最新的稳定版说不定就能自动解决这个问题。

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