React Native中KeyboardAvoidingView键盘弹出顶部留白无法消除

• 外层SafeAreaView硬编码了固定高度windowHeight：软键盘弹出时系统会压缩当前窗口的可见高度，写死的固定高度不会随窗口尺寸变化更新，超出可见区域的部分就会显示为白色留白。
• 组件层级缺少弹性布局配置：LinearGradient、内层容器、KeyboardAvoidingView、ScrollView均未设置flex:1属性，无法自动填充父容器的可用空间，布局不会响应键盘弹出后的尺寸变化。
• KeyboardAvoidingView配置错误：Android端设置behavior={null}等于直接关闭了组件的键盘避让能力，手动写死的keyboardVerticalOffset无法适配不同分辨率、不同输入法的软键盘高度，极易出现位置偏移。

1. 调整AndroidManifest配置

   将对应Activity的软键盘模式统一设置为android:windowSoftInputMode="adjustResize"，不要混用adjustPan、adjustNothing模式，避免系统布局调整逻辑冲突。

2. 替换原有错误布局代码，核心改动为移除所有硬编码的全屏固定高度，给父容器添加弹性布局属性，修正KeyboardAvoidingView的适配参数：

<SafeAreaView style={{ backgroundColor: 'white', flex: 1 }}>
  <LinearGradient
    style={{flex: 1}}
    colors={['#234590', '#0093ad', 'white', 'white']}
    locations={[0, 0.1, 0.2, 0.5]}
  >
    <View
      style={{
        backgroundColor: 'white',
        marginTop: windowHeight * 0.065,
        flex: 1,
        borderTopRightRadius: windowHeight * 0.032,
        borderTopLeftRadius: windowHeight * 0.032,
        padding: windowWidth * 0.042,
      }}
    >
      <KeyboardAvoidingView
        style={{flex: 1}}
        enabled
        keyboardVerticalOffset={0}
        behavior={Platform.OS === 'ios' ? 'padding' : 'height'}
      >
        <ScrollView 
          style={{flex: 1}}
          contentContainerStyle={{flexGrow: 1}}
          keyboardShouldPersistTaps="handled"
        >
          <View
            style={{
              borderRadius: TextFieldCornerRadius,
              height: TextFieldHeight,
              borderColor: '#d9d9d9',
              backgroundColor: 'white',
              borderWidth: 1,
              flexDirection: 'row',
              justifyContent: 'space-between',
            }}
          >
            <TextInput
              style={{
                paddingLeft: windowWidth * 0.03,
                paddingRight: windowWidth * 0.03,
                paddingVertical: 0,
                flex: 1,
                fontSize: TextFieldFontSize,
              }}
            />
          </View>
        </ScrollView>
      </KeyboardAvoidingView>
    </View>
  </LinearGradient>
</SafeAreaView>

• 不要给根容器写死等于屏幕初始高度的固定值，所有需要撑满页面的容器统一使用flex:1做自适应，保证窗口尺寸变化（如键盘弹出、横竖屏切换）时布局可以自动重排。
• RN 0.70+版本Android端默认开启Edge-to-Edge显示时，可配合react-native-safe-area-context获取系统inset调整安全区边距，不需要手动写死偏移量。
• 若页面存在滚动需求，给ScrollView添加keyboardDismissMode="on-drag"属性优化输入体验。

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