React Native Gifted Chat仅Android端键盘遮挡聊天区问题排查

你的核心问题出在布局结构的固定高度和居中属性，干扰了react-native-gifted-chat的内部键盘适配逻辑，导致Android端失效（iOS的键盘适配机制和Android不同，所以不受影响）。

问题点拆解 #

1. 固定高度限制：container中设置的height: Dimensions.get("window").height * 0.85是硬伤——Android键盘弹出时窗口高度会动态变化，固定高度会锁死组件的可伸缩空间，让内部适配逻辑无法响应高度变化。
2. 居中布局干扰：outerContainer的justifyContent: "center"和alignItems: "center"会让聊天容器居中显示，而GiftedChat默认是从底部向上布局的，居中属性会打乱它的内部键盘偏移计算。
3. 冗余样式：container中的display: flex、flexDirection: column、justifyContent: flex-start都是React Native View的默认属性，无需重复设置，反而增加布局复杂度。

修改后的代码 #

样式部分 #

const getStyles = (theme: MD3Theme) => {
    return StyleSheet.create({
        outerContainer: {
            flex: 1,
            backgroundColor: theme.colors.background,
            // 移除居中属性，让子容器占满父容器
        },
        container: {
            flex: 1, // 用flex:1替代固定高度，实现自适应父容器高度
            width: "95%",
            marginHorizontal: "2.5%", // 替代width:95%，布局更规范
            // 移除冗余的默认样式属性
        },
    });
};

渲染部分 #

return (
    <View style={styles.outerContainer}>
        <View style={styles.container}>
            <GiftedChat
                messages={messages}
                onSend={(messages) => onSend(messages)}
                onQuickReply={handleQuickReply}
                user={{ _id: 1 }}
                renderBubble={(props) => (
                    <Bubble
                        {...props}
                        textStyle={{
                            right: { color: theme.colors.onTertiary },
                            left: { color: theme.colors.onSurface },
                        }}
                        wrapperStyle={{
                            right: { backgroundColor: theme.colors.primary },
                            left: { backgroundColor: theme.colors.surface },
                        }}
                    />
                )}
                isTyping={isTyping}
                renderActions={(actionsProps) =>
                    keyboardOpen && (
                        <View
                            style={{
                                marginBottom: 15,
                                alignItems: "center",
                            }}
                        >
                            <Entypo
                                name="chevron-left"
                                size={20}
                                color="grey"
                                onPress={Keyboard.dismiss}
                            />
                        </View>
                    )
                }
            />
        </View>
    </View>
);

额外验证点 #

如果修改后仍有问题，检查Android项目的AndroidManifest.xml文件，确保Activity的软键盘模式设置为：

android:windowSoftInputMode="adjustResize"

（部分项目会误设为adjustPan，这会导致键盘弹出时不调整布局高度，直接遮挡内容）

你对isKeyboardInternallyHandled的理解是正确的，默认true确实由组件内部处理键盘适配，但前提是组件的父容器布局是弹性的，没有固定高度或居中这类干扰属性。

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