我之前在项目里也碰到过一模一样的问题，折腾了好一会儿才理清原因，给你分享下我的经验：

为什么会出现遮挡？ #

• 层级优先级问题：Expo AuthSession发起的认证弹窗是系统级的浏览器弹窗（iOS用SFSafariViewController，Android用Custom Tabs），它的层级默认高于应用内的软键盘，所以会直接覆盖在键盘上面。
• 触发时机冲突：如果用户在输入框激活键盘的状态下立刻触发认证请求，键盘还没来得及收起，弹窗就弹出来了，自然就会出现遮挡的视觉效果。
• 系统组件特性限制：不管是iOS还是Android，系统级的弹窗组件优先级本来就比应用内的UI元素（包括键盘）高，这是系统层面的设计逻辑。

可行的解决办法 #

1. 触发认证前强制收起键盘 #

这是最直接有效的方法，在调用promptAsync之前先调用Keyboard.dismiss()确保键盘完全收起：

import { Keyboard, TouchableOpacity, Text } from 'react-native';
import { useAuthRequest } from 'expo-auth-session';

export default function AuthScreen() {
  const [request, response, promptAsync] = useAuthRequest(
    // 你的认证配置
    {
      clientId: 'YOUR_CLIENT_ID',
      redirectUri: 'YOUR_REDIRECT_URI',
      scopes: ['openid', 'profile'],
      // ...其他配置
    },
    {
      // 你的provider配置
    }
  );

  const handleLogin = async () => {
    // 先收起键盘
    Keyboard.dismiss();
    // 延迟一小会儿确保键盘完全收起（可选，视情况添加）
    setTimeout(async () => {
      await promptAsync();
    }, 200);
  };

  return (
    <TouchableOpacity onPress={handleLogin}>
      <Text>登录</Text>
    </TouchableOpacity>
  );
}

2. 监听键盘收起事件再发起认证 #

如果担心Keyboard.dismiss()的时机不够准确，可以监听键盘的keyboardDidHide事件，确保键盘完全收起后再弹窗：

const handleLogin = () => {
  const keyboardListener = Keyboard.addListener('keyboardDidHide', async () => {
    await promptAsync();
    // 记得移除监听，避免内存泄漏
    keyboardListener.remove();
  });

  // 先触发键盘收起
  Keyboard.dismiss();
};

3. 调整iOS弹窗的展示样式（辅助优化） #

在iOS上，你可以给promptAsync传入presentationStyle参数，调整弹窗的展示形式，虽然不一定能完全避免遮挡，但能优化视觉体验：

await promptAsync({
  presentationStyle: 'pageSheet', // 可选值还有formSheet、fullScreen等
});

4. 检查并升级Expo SDK版本 #

有些旧版本的Expo SDK在AuthSession和键盘的交互上存在bug，升级到最新的稳定版可能会自动解决这个问题。

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