在Expo Router中如何使用useContext？找不到根组件包裹Provider

在Expo Router的文件式导航体系中，根布局文件app/_layout.tsx就是全局根组件，所有路由页面都会被这个组件包裹。你只需要创建这个文件，就能在这里放置全局的Context Provider。

具体步骤： #

1. 在app目录下新建_layout.tsx文件
2. 在该文件中导入你的语言Context Provider，并用它包裹Slot组件（Slot是Expo Router用来渲染当前路由页面的核心组件）

代码示例： #

假设你的语言Context已创建为LanguageProvider（比如放在components/LanguageContext.tsx中），app/_layout.tsx的代码如下：

import { Slot } from 'expo-router';
import { LanguageProvider } from '../components/LanguageContext';

export default function RootLayout() {
  return (
    <LanguageProvider>
      <Slot />
    </LanguageProvider>
  );
}

说明： #

• Slot会自动渲染当前匹配的路由页面（如index.tsx、Login.tsx等），确保所有页面及其子组件都能访问到语言Context的内容
• 后续如果需要添加其他全局配置（比如主题Provider、全局导航栏等），都可以在这个根布局组件中一并包裹

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