Expo TypeScript React Native应用主入口文件定位问题咨询

核心逻辑说明 #

你用的是Expo Router的文件系统路由方案，这和传统Expo项目结构完全不同：

• index.ts里的import 'expo-router/entry'是把应用路由控制权完全交给Expo Router，因此不需要传统的App.tsx作为入口。
• app/_layout.tsx是根布局组件，负责全局配置（字体加载、主题、顶层导航栈），但它不是主屏幕本身，而是包裹所有页面的容器。

主屏幕的位置 #

从你的_layout.tsx配置可以找到明确线索：

export const unstable_settings = {
  initialRouteName: '(tabs)',
};

以及导航栈配置：

<Stack>
  <Stack.Screen name="(tabs)" options={{ headerShown: false }} />
  {/* ... */}
</Stack>

这里的(tabs)是Expo Router的路由组，对应项目里的app/(tabs)目录。这个目录下的文件就是标签页对应的屏幕：

• app/(tabs)/index.tsx 是该路由组的默认入口，也就是你看到的主屏幕。
• 该目录下其他文件（比如home.tsx、profile.tsx）对应其他标签页的屏幕。

验证与修改方法 #

1. 打开项目中的app/(tabs)目录，找到index.tsx（或同类默认命名的文件），这就是你要找的主屏幕核心文件。
2. 直接编辑这个文件的内容，即可修改主屏幕的UI和业务逻辑。
3. 如果(tabs)目录下有自己的_layout.tsx，它负责标签栏的配置（比如底部导航的图标、文字）。

补充Expo Router路由规则 #

• 所有页面文件都放在app目录下，文件名/目录名直接对应路由路径。
• 用括号包裹的目录（如(tabs)）是路由组，不会出现在URL中，主要用于组织同类页面。
• 每个目录下的_layout.tsx是该目录下所有页面的布局组件，负责导航结构、全局样式等。

内容的提问来源于stack exchange，提问作者Евгений Перхун