ReactNative+TypeScript仿喜马拉雅开发App

Posted 2020-12-15 falaterb

ReactNative+TypeScript仿喜马拉雅开发App

融合RN的跨平台能力＋TS的全新开发体验

 

使用RN + TS开发听书App，从需求分析，到功能实现，一步步带领大家完成功能，学会如何解决实际开发问题，是一个完整的项目开发实例。通过导航器、dva状态管理、图标生成组件、自定义导航器、动画效果、音视频的播放、动态导航和动态model、本地数据持久化等一系列的功能，帮助大家具备独立开发完整的RN应用的能力

 

第1章 课程介绍
本课程主要介绍为什么要使用React Native + TypeScript开发应用。

第2章 ES6、React、React Native基础知识串讲
本章会讲解学习这门课程之前必备的基础知识，主要讲解ES6、RN等必备知识点，专门为新手学员准备的，这些内容在后面的实战中都会用到。

第3章 TypeScript基础知识
本章会讲解学习这门课程之前必备的基础知识，主要讲解TS的必备知识点，专门为新手学员准备的，这些内容在后面的实战中都会用到。

第4章 项目分析
本章主要对这门课程需要制作的听书应用的分析，讲解整个项目的流程，对本门课程的应用进行需求、模块、技术的分析

第5章 项目初始化
本章才算是正式开始应用的开发了。还有我在工作中用到的两个非常好的第三方项目，可以做到多环境设置和绝对路径的设置，能帮助我们减少一些繁琐枯燥又容易出错的工作。

第6章 接口管理工具
本章主要学习如何在本地部署yapi，以及yapi的基本使用方法

第7章 新版导航器React-Navigation5.0
本章主要讲解5.0版本的react-navigation，堆栈式和底部标签导航器的基本配置和使用

第8章 状态管理Dva
本章主要讲解redux和redux-saga的封装库dva，以及dva和react-native的集成以及插件loading

第9章 首页模块
这一章才算是正式开始了业务逻辑的开发，本章会教大家完成首页模块的功能，如轮播图、渐变色，接口请求、自定义顶部标签导航器的标签栏

第10章 分类模块
本章主要会通过dva状态管理库来完成类别的增删改查功能以及拓展排序的功能，通过这几个经典业务逻辑帮助大家更好的掌握dva库，另外会学习动态的顶部标签导航器和动态的生成dva的model的功能。

第11章 频道模块
本章主要学习手势响应系统，通过手势响应系统实现当头部可见时，手指向上滑动时，tab标签组件中的FlatList无法滚动，逐渐滑动到头部组件不可见时，tab标签组件中的FlatList才能滚动的效果；当头部不可见时，手指向下滑动时，直到FlatList滚动到最顶部时，头部才可以滑动的效果，而且根据这个滚动，标签栏也会有淡入淡出的动...

第12章 频道详情模块
本章主要学习音频的播放，而且通过进度条显示当前音频的播放时长，以及上一首、下一首、播放、暂停的功能和弹幕

第13章 底部标签导航器的播放标签以及脱离导航器之外的播放按钮
本章主要学习如何在导航器之外展示一个独立的组件，而且有播放动画效果。并且会根据页面和播放的状态判断是否显示

第14章 我听模块
本章主要学习本地数据持久化，realmjs的使用，通过记录用户曾经播放过的音频以及播放到的时间，然后以列表的形式展示出来。

第15章 发现模块
本章主要学习在FlatList中展示视频，以及视频的播放功能。并且同一时间只能播放一个视频，需要做一些优化，并且在播放视频时需要暂停音频。

第16章 账号模块
本章主要学习表单的校验和提交，并且需要保存登录状态，这样用户在以后进入应用时，就不会再次提醒需要登录了。

第17章 打包发布
本章主要学习应用的打包和发布。

第18章 课程总结
本章将带大家回顾总结本门课程，有问题欢迎大家到课程问答区提问。希望大家缺工作的找到工作，有工作的涨工资。