RN+Typescript仿ximalaya

1.1 设计哲学演进 1.2 生命周期映射表（企业级实践） Class 生命周期 Hook 实现方案 典型场景 注意事项 constructor useState惰性初始化 大数据量初始化 避免直接计

课程目标 本节课程的目标是： 学习如何进行 iOS 应用的打包和上传。 配置开发者账号、证书和配置文件。 使用 react-native-upload 实现自动化打包和上传。 1. HTTP 请求配置

课程目标 本节课程的目标是： 学习如何在 info.plist 中使用 .env 文件中的配置值。 配置 iOS 项目以支持 react-native-config。 学习如何为 iOS 应用设置图标

课程目标 本节课程的目标是： 学习如何为 Android 应用生成签名文件。 配置 Gradle 签名和打包设置。 学习如何为不同的 CPU 架构生成优化的 APK 文件。 学习如何使用工具将应用上传

课程目标 本节课程的目标是： 学习如何通过 react-native-config 配置不同环境的版本信息。 解决 Android 端 HTTP 请求的问题。 优化 console.log 的打印问题

课程目标 本节课程的目标是： 总结本章内容，巩固学到的知识。 完善登录失败提示、按钮防重复点击、网络错误处理等功能。 学习性能优化工具 react-native-screens 的使用。 布置课后练习

课程目标 本节课程的目标是实现以下功能： 修复错误提示逻辑，避免未点击的输入框显示错误信息。 在“我的页面”中，根据登录状态动态显示用户信息或登录按钮。 实现登录状态的持久化，并在应用启动时加载登录信

课程目标 本节课程将学习如何使用 Formik 提供的 Field 组件，将表单输入框和错误提示封装成一个通用的组件，以减少重复代码，并提升代码的复用性和可维护性。 1. 为什么要封装？ 在上一节中，

课程目标 上一节中，我们已经使用 Formik 完成了登录表单的基本功能。本节将学习如何使用 Yup 库为表单添加校验规则，确保用户输入的数据合法。 1. 安装 Yup Yup 是一个专门处理规则校验

课程目标 本节课程将学习如何使用 Formik 组件构建登录页面的表单功能，包括表单初始化、事件处理和表单提交等内容。 1. 登录页面设计 登录页面的设计非常简单，包含以下内容： 两个输入框：账号 和

在本节中，我们完成了账号模块的功能，以下是登录页面的实现： 一、创建登录页面组件 创建 Login 组件 在 pages 文件夹下创建 Login 文件夹，并添加 index.tsx 文件： 创建自定

在本节中，我们将创建账号模块的 Model，用于管理用户的登录和登出逻辑。以下是实现步骤： 一、YAPI 接口配置 登录接口： 请求方法：POST 请求地址：/mock/11/login 请求参数：

一、功能介绍 表单校验： 使用 Formik 和 yup 管理表单数据和校验规则。 表单包含账号和密码输入框，校验输入是否为空。 自定义输入控件： 封装自定义的输入控件，支持错误提示显示。 登录状态管

在上一节中，我们已经实现了视频播放功能，但目前存在一个问题：点击多个视频时，这些视频会同时播放。我们需要控制只让一个视频播放。以下是实现步骤： 一、控制视频播放状态 1. 修改 Found 组件 在

在上一节中，我们完成了发现模块的数据请求逻辑。在本节中，我们将实现数据的展示功能。 一、创建发现页面组件 创建 Found 文件夹和组件 在 pages 文件夹下创建 Found 文件夹，并将 Fou

在这一节中，我们将创建发现模块的 Model，并了解其数据结构。以下是实现步骤： 一、数据结构 接口地址：/mock/11/bear/found/list 接口数据： 二、创建 Model 创建 fo

功能介绍 视频播放： 点击视频播放按钮，系统会立即加载并播放指定的视频内容。 如果当前有其他视频正在播放，系统会自动暂停之前的视频，并开始播放新点击的视频。 同时，如果之前有音频正在播放，无论是背景音

在这一节中，我们学习了如何更新 Realm 数据库中的表结构，以及如何在不破坏已有数据的情况下进行表结构迁移。 1. 为什么需要更新表结构 在开发过程中，表结构的修改是很常见的，比如需要添加新字段、删

在这一节中，我们学习了如何在 Realm 数据库中删除数据，并将删除操作与界面交互结合。 1. 添加删除按钮 我们首先在列表项中添加了一个删除按钮，并为其绑定了点击事件，点击后触发删除操作。 2. 实

在这一节中，我们将学习如何从 Realm 数据库获取并展示用户播放过的音频数据。 1. 不需要使用 dva 存储所有数据 虽然在大多数场景中，我们会使用 dva 来管理应用的全局状态，但在这节功能中，