开始开发

编辑

对 Expo 项目进行首次修改，即可在设备上实时查看效果。

启动开发服务器

要启动开发服务器，请运行以下命令：

Terminal

- npx expo start

运行上述命令后，您将在终端中看到一个二维码。扫描此二维码以在设备上打开应用。

如果您使用的是 Android 模拟器或 iOS 模拟器，可以分别按 a 或 i 来打开应用。

遇到问题？

请确保您的计算机和设备在同一 Wi-Fi 网络上。

如果仍然无法正常工作，可能是由于路由器配置问题——这在公共网络中很常见。您可以通过在启动开发服务器时选择 Tunnel 连接类型，然后再次扫描二维码来解决此问题。

Terminal

- npx expo start --tunnel

使用 Tunnel 连接类型会使应用的重新加载速度明显慢于 LAN 或 Local，因此最好在可能的情况下避免使用 Tunnel。如果需要通过其他设备访问您的计算机，您可能希望安装并使用模拟器来加快开发速度。

打开 app/(tabs)/index.tsx 文件并进行更改。

app/(tabs)/index.tsx

更改未在设备上显示？

Expo Go 默认配置为在文件更改时自动重新加载应用，但我们还是要确保检查启用它的步骤，以防某些情况未能正常工作。

下面，您可以熟悉默认项目的文件结构：

Files

包含应用的导航，基于文件。app 目录的文件结构决定了应用的导航。

该应用定义了两个路由，分别由两个文件组成：app/(tabs)/index.tsx 和 app/(tabs)/explore.tsx。app/(tabs)/_layout.tsx 中的布局文件设置了标签导航器。

默认项目模板具有以下功能：

默认项目

该应用有两个屏幕：app/(tabs)/index.tsx 和 app/(tabs)/explore.tsx。app/(tabs)/_layout.tsx 中的布局文件设置了标签导航器。

17	17	}
18	18	>
19	19	<ThemedView style={styles.titleContainer}>
20		<ThemedText type="title">Welcome!</ThemedText>
	20	<ThemedText type="title">Hello World!</ThemedText>
21	21	<HelloWave />
22	22	</ThemedView>
23	23	<ThemedView style={styles.stepContainer}>