chevron_left

Expo Go 实践教程

免费
Expo Go 实践教程

页面间跳转

项目文件结构

在项目根目录下新建app文件夹,并新建以下文件

app
   _layout.js
   index.js
   details.js

Link 跳转

/app/_layout.js 布局模板

这是整个项目的布局模板,在其中增加Stack,这样项目其他所有页面都有顶部 header,页面跳转也会变成左右滚动。

import { Stack } from 'expo-router/stack';

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

/app/index.js 项目首页

/app/index.js是 Expo Router 的默认项目首页。也就说当启动项目后,会自动访问这里。

以下使用了两种写法跳转,可以看到现在路由的写法非常类似于 Web 开发了。项目开发中,最常用的是在Link中用asChild嵌入按钮。

import { View,...

课程介绍

如果你是 App 开发新手,最简单的方法就是使用 Expo Go。Expo 是一套围绕 React Native 构建的工具和服务,虽然它有许多功能,但目前对我们来说最相关的功能是它可以让你在几分钟内编写一个 React Native 应用程序。你只需要一个最新版本的 Node.js 和一个手机或模拟器。

通过使用 expo,你甚至可以在 Windows 上开发预览 iOS App。并可以直接在 Windows 上将你开发的应用发布到苹果的 App Store,Mac 电脑不再是你开发 iOS App 的阻碍。这是以往使用原始 React Native 不可想象的事情。

目录

适合这样的人

新手