使用Expo创建React Native项目无App.js，等效代码编辑位置咨询

你用Expo搭建的是新路由架构项目，旧教程里的App.js已经被新文件结构取代，按下面的对应关系写代码就行：

文件对应规则 #

• 原App.js里的全局配置、根组件包裹逻辑（比如全局样式、第三方Provider），写在app/_layout.tsx
• 原App.js里的页面内容、业务UI，写在app/index.tsx（这是项目默认的首页入口）

实操示例 #

1. 全局配置示例（_layout.tsx）：

import { Stack } from 'expo-router';
import { Provider as PaperProvider } from 'react-native-paper';

export default function RootLayout() {
  return (
    <PaperProvider>
      <Stack />
    </PaperProvider>
  );
}

2. 页面内容示例（index.tsx）：

import { View, Text } from 'react-native';

export default function Home() {
  return (
    <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
      <Text>你的页面内容写在这里</Text>
    </View>
  );
}

额外提示 #

后续要加新页面，直接在app文件夹下新建xxx.tsx文件，Expo Router会自动生成对应路由，不用手动配置。

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