学习资源

浏览精选的资源列表以了解 Expo 和 React Native。

现在示例应用已经完成，让我们进一步了解我们用于构建它的技术。

¥Now that the example app is done, let's learn more about the technologies we used to build it.

将你的项目构建为应用

¥Build your project into an app

要开始创建新应用，你可以：

¥To start creating a new app, you can either:

• 在 expo.new 上开始使用 自动配置具有基于文件的路由的项目以及 EAS Build 和 EAS Update 所需的设置。

  ¥Get started at expo.new which automatically configures a project with file-based routing and the required setup for EAS Build and EAS Update.

• 或者，在你的机器上本地启动并按顺序使用 npx create-expo-app@latest 和 设置你的开发环境。

  ¥Or, start locally on your machine and use npx create-expo-app@latest and set up your development environment sequentially.

推荐结构

¥Recommended resources

创建新项目后，你可以了解有关帮助你完成应用开发之旅的不同工具和概念的更多信息：

¥Once you've created your new project, you can learn more about different tools and concepts that will help you on your app development journey:

• 开发工具：Expo 工具的参考，可帮助你完成应用构建过程的各个方面。

  ¥Development tools: A reference of Expo tools that will help you during various aspects of your app-building journey.

• 开发构建：使用开发构建允许你完全控制应用的构建过程，并在设备或模拟器上测试你的应用。

  ¥Development builds: Using a development build allows you to gain full control over your app's build process, and to test your app on a device or simulator.

• 开发概述：这是一个高级概述，详细介绍了使用 Expo 开发应用的关键概念以及核心开发循环的流程。

  ¥Development overview: This is a high-level overview that provides details on key concepts for developing an app with Expo and the flow of core development loop.

• Expo 路由：我们介绍了 Expo Router 的基础知识并实现了一个标签导航器。查看其文档以了解有关该库的更多信息。

  ¥Expo Router: We went through basics of Expo Router and implemented a tab navigator. See its documentation to learn more about the library.

• 应用图标 和 启动画面：你可以了解有关自定义应用图标和启动画面指南的更多信息。此外，查看 应用配置参考 以查找你可以在 app.json 文件中配置的属性。

  ¥App icon and splash screen: You can learn more about customizing your app icon and splash screen guides. Also, look through the app config reference for properties you can configure in the app.json file.

• 应用分发 和 submission 到应用商店：阅读这些资源以了解有关如何在准备好发布后将应用发布并提交到应用商店的更多信息。

  ¥App distribution and submission to app stores: Read these resources to learn more about how to release and submit your app to app stores once it's ready to ship.

• 调试：有时事情会出错，当它们出错时，你可以使用调试工具来查找和修复错误。

  ¥Debugging: Sometimes things go wrong, and when they do, you can use debugging tools to find and fix errors.

学习

¥Learning

React

我们使用了 React 组件和 API。深入了解 React 对于使用 Expo 构建应用至关重要。我们建议阅读 React 文档的 快速入门部分 和 钩子部分。

¥We used React components and APIs. Having a solid understanding of React is essential to using Expo to build your app. We recommend reading the React documentation's Quick Start section and the Hooks section.

React Native

在开发教程应用时，我们广泛使用了 React Native。你可以从 React Native 基础知识指南 开始了解更多。另外，请查看以下文档：

¥While developing the tutorial app, we used React Native extensively. You can start from the React Native basics guide to learn more. Also, check out the following docs:

• 查看 API 参考

  ¥View API reference

• 文本 API 参考

  ¥Text API reference

• 平台特定代码

  ¥Platform specific code

• 在列表中渲染数据

  ¥Presenting data in a list

我们使用 Flexbox 来布局我们的组件。查看以下建议以了解更多信息：

¥We used Flexbox to layout our components. Check out the following recommendations to learn more about it:

• 高度和宽度

  ¥Height and Width

• 使用 Flexbox 进行布局

  ¥Layout with Flexbox

手势和动画

¥Gestures and animations

要了解有关实现不同类型的手势和动画的更多信息，我们推荐以下文档：

¥To learn more about implementing different types of gestures and animations, we recommend the following documentation:

• React Native 手势处理程序

  ¥React Native Gesture Handler

• React Native 复活

  ¥React Native Reanimated

加入社区

¥Join the community

加入我们的 Discord 社区，与其他 Expo 用户聊天或提出问题。

¥Join our community on Discord to chat with other Expo users or to ask questions.