chevron_left

React Native + Expo 项目实战

未发布
第 24 回

课程辅导专享

React Native + Expo 项目实战 - 使用 Link 组件跳转

2025年06月25日更新
React Native + Expo 项目实战 购买课程辅导服务 39.9元

解锁课程讲义 / 课程辅导群 / 一对一远程协助 / 专享额外课程 / 超前学习权限

课程辅导 QQ 群:719841339

遇到问题,咨询客服 QQ: 124765984

注意,您现在浏览的是未发布的课程:
相关内容并不一定完善,而且随时可能会出现变更。
正式内容,请等待课程发布后再浏览。

第 24 回 使用 Link 组件跳转

介绍

在 React Native 里,页面之间如何跳转?这节课就告诉你。

大家好,这里是东哥。您现在收看的是「长乐未央全栈系列:React Native 项目实战」课程的第 24 回:使用 Link 组件跳转,在这节课里,我们将探讨:

  • 在 Expo Router 里,如何使用 Link 组件跳转?

路由跳转

项目文件结构

这一回课程内容,会使用以下文件结构,请大家参考对照:

app
   index.js
   details.js

使用 Link 组件跳转

打开app/index.js,里面的内容,大家也直接复制过来再看:

import { View, Text, StyleSheet, TouchableOpacity } from 'react-native';
import { Link } from 'expo-router';

export default function Index() {
  return (
    <View st...

课程介绍

React Native,是一种只需要用JavaScript,就能开发原生应用的技术。使用React Native,可以直接调用原生组件,性能非常强大。 React Naitve支持iOSAndroidWindowsmacOS鸿蒙 Next以及Web开发。

Facebook、Instagram、Office、Skype、Shopify、京东、百度等大量知名应用,也都使用了React Native技术来开发。

课程一共分为四个部分:

  • 基础篇:里面是React Native基础用法、常用组件,也包括React Hook的用法。
  • 路由篇:项目都是由多个页面组成的,它们之间互相跳转、参数传递、路由和TabBar的配置,都在这里学习。
  • 实战篇:打好基础后,就要开始项目实战了。我们从零开始,一点点完成一个真实的项目。
  • 发布篇:最后,在开发完成后,终于可以发布到应用商店了,让大家都羡慕你的成就。

在学习完成以后,还有两个部分,给想进一步提高的同学学习:

  • 进阶篇:会在实战篇的基础上,进一步增加项目功能,优化用户体验。在这里会学习一些高级点的开发技巧。
  • 番外篇:是与课程实战项目无关的额外内容,但也都是在某些情况下会用到的东西。

资源下载

※禁止在课程以外其他地方使用

play_arrow
1
课程介绍
play_arrow
2
基础篇:使用 Expo 创建 React Native 项目
play_arrow
3
安装 iOS 与 Android 模拟器
play_arrow
4
Expo 操作指南
play_arrow
5
初识 React Native
play_arrow
6
React Native 中的样式
play_arrow
7
Hook 之 useState 状态管理
play_arrow
8
使用 map 遍历并渲染数据
play_arrow
9
运行真实项目接口
play_arrow
10
React Native 发起网络请求
play_arrow
11
Hook 之 useEffect 自动运行
play_arrow
12
useEffect 的依赖项实现搜索课程
play_arrow
13
自定义加载中组件
play_arrow
14
自定义网络错误组件
play_arrow
15
实现重新加载(子组件、props)
play_arrow
16
环境变量与封装 Fetch 请求
play_arrow
17
自定义 Hook 请求接口
play_arrow
18
Hook 之 useReducer 统一管理状态
play_arrow
19
Hook 之 useContext 全局共享数据
play_arrow
20
使用 ScrollView 组件
play_arrow
21
使用 FlatList 组件
play_arrow
22
React Native 其他常用组件
play_arrow
23
路由篇:安装配置 Expo Router
play_arrow
24
使用 Link 组件跳转
play_arrow
25
布局文件、Stack 与 Slot
play_arrow
26
使用 router 方法跳转
play_arrow
27
动态路由与参数传递
play_arrow
28
配置导航栏的标题
play_arrow
29
使用布局文件配置导航栏
play_arrow
30
使用自定义组件配置导航栏
play_arrow
31
TabBar 的标准配置方法
play_arrow
32
配置 TabBar 的图标和样式
play_arrow
33
配置模态页(Modal)
play_arrow
34
实战篇:正式开发前的准备工作

Adsense 广告

Adsense 广告