React Native：如何禁用输入时自动滚动到文本输入框的行为？

我之前也碰到过和你一模一样的Android端滚动偏移被重置的问题，结合你的场景给你几个实用的解决方案：

方案一：调整系统软键盘模式+优化库配置 #

你当前用的adjustPan模式会让Android系统直接平移整个页面，很容易和键盘感知滚动库的行为冲突。建议改成adjustResize，同时调整库的属性来避免自动滚动重置：

1. 先在AndroidManifest.xml里修改对应Activity的软键盘配置：

android:windowSoftInputMode="adjustResize"

2. 调整KeyboardAwareScrollView的属性，禁用自动滚动并优化布局样式：

<KeyboardAwareScrollView
  enableOnAndroid
  extraScrollHeight={100}
  contentContainerStyle={{ flexGrow: 1 }} // Android上用flexGrow比flex更稳妥
  enableAutomaticScroll={false} // 关掉库的自动滚动，避免和系统行为冲突
  keyboardShouldPersistTaps="handled"
>
  <Layout>
    <Content />
    <TextArea />
    <SubmitButton />
    <Comments />
  </Layout>
</KeyboardAwareScrollView>

方案二：手动控制输入框聚焦时的滚动位置 #

如果不想修改系统软键盘模式，可以通过监听输入框的聚焦事件，手动把提交按钮滚动到可视区域：

1. 给滚动视图和提交按钮添加Ref：

import { useRef } from 'react';

const scrollViewRef = useRef(null);
const submitButtonRef = useRef(null);

2. 在输入框的onFocus事件里触发手动滚动：

<TextArea
  onFocus={() => {
    if (submitButtonRef.current && scrollViewRef.current) {
      scrollViewRef.current.scrollToElement(submitButtonRef.current, {
        offset: -100, // 和你的extraScrollHeight对应，留出底部空间
        animated: true,
      });
    }
  }}
/>

// 给提交按钮绑定Ref
<SubmitButton ref={submitButtonRef} />

方案三：通过状态控制滚动开关 #

如果需要保留部分自动滚动行为，又想避免偏移重置，可以用状态控制滚动视图的可滚动性：

import { useState } from 'react';

const [isKeyboardOpen, setIsKeyboardOpen] = useState(false);

// ...

<KeyboardAwareScrollView
  enableOnAndroid
  extraScrollHeight={100}
  contentContainerStyle={{ flexGrow: 1 }}
  onKeyboardWillShow={() => setIsKeyboardOpen(true)}
  onKeyboardWillHide={() => setIsKeyboardOpen(false)}
  scrollEnabled={!isKeyboardOpen} // 键盘弹出时禁用滚动，防止自动重置偏移
>
  {/* 子组件内容 */}
</KeyboardAwareScrollView>

另外，你提到的相关问题里还有开发者提到，给滚动视图添加scrollEventThrottle={16}属性，或者简化子组件的flex嵌套层级，也能缓解这个Android端的滚动冲突问题。

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