ViewPager中TextInput因KeyboardAvoidingView自动失焦解决方案咨询

该问题核心成因是键盘弹出触发布局重算时，PagerView发生不必要的重绘，导致子页面内的输入框被卸载后重新挂载，触发自动失焦。以下是经过验证的可行解决方案：

• 固定PagerView子页面的节点标识
  不要使用动态索引作为PagerView子页面的key属性，改用页面对应的唯一静态标识，避免PagerView重绘时复用或销毁原有节点导致输入框失焦。
• 禁用PagerView的键盘响应逻辑
  若使用react-native-pager-view库，可给组件添加keyboardDismissMode="none"属性，禁用PagerView默认的键盘响应；同时可通过键盘事件监听，在输入框聚焦时临时设置scrollEnabled={false}禁用PagerView滚动，键盘收起后再恢复滚动能力。
• 调整适配组件的嵌套层级
  不要将KeyboardAvoidingView套在PagerView的外层，改为给每一个Pager子页面单独套一层KeyboardAvoidingView。也可替换为更稳定的react-native-keyboard-aware-scroll-view组件实现键盘适配，iOS平台设置behavior="padding"，Android平台可配合AndroidManifest中android:windowSoftInputMode="adjustResize"配置使用。
• 手动实现键盘偏移适配
  完全弃用系统自带的KeyboardAvoidingView，通过监听Keyboard模块的keyboardDidShow、keyboardDidHide事件，手动计算键盘高度，给输入框所在的容器动态添加底部偏移量，完全自主控制布局逻辑，避免和PagerView的布局计算产生冲突。

参考代码示例：

import { useState, useEffect } from 'react';
import { View, TextInput, Keyboard } from 'react-native';

const PagerSubPage = () => {
  const [keyboardOffset, setKeyboardOffset] = useState(0);

  useEffect(() => {
    const showSub = Keyboard.addListener('keyboardDidShow', (event) => {
      setKeyboardOffset(event.endCoordinates.height);
    });
    const hideSub = Keyboard.addListener('keyboardDidHide', () => {
      setKeyboardOffset(0);
    });

    return () => {
      showSub.remove();
      hideSub.remove();
    };
  }, []);

  return (
    <View style={{ flex: 1, paddingBottom: keyboardOffset }}>
      <TextInput style={{ borderWidth: 1, margin: 16, padding: 8 }} />
      {/* 其他页面内容 */}
    </View>
  );
};

内容的提问来源于stack exchange，提问作者Koen van der Marel