一款使用RN + TS开发的仿喜马拉雅的听书应用

最新推荐文章于 2023-07-18 21:06:53 发布
最新推荐文章于 2023-07-18 21:06:53 发布
阅读量543 收藏 1
点赞数
分类专栏： 安卓 前端 文章标签： android ios
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dong__ni/article/details/109483464
版权

项目运行截图：
安卓端:
安卓端
ios端：
在这里插入图片描述

在这样的项目中，用到的一些技术：

Flex Style
View/Image/Text/FlatList
TouchableOpacity
StyleSheet
Timers
Animated
react-native-storage
realm
dva-core
react-navigation
react-native-linear-gradient
react-native-snap-carousel
react-native-sound
react-native-video
formik
yup
axios
react-native-config

项目github地址：https://github.com/HY88883/listenbook/tree/master，欢迎star哦。

拼了命的珍惜
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
RNApp:React+ ts +React导航5
03-13
核糖核酸 RN 0.63 + ts +React导航0.5
【PlantAPP】TS在RN的具体应用
嗨Sirius
02-18 415
本文将叙述TS在RN的具体应用和具体JS转TS的步骤要点 TS泛型介绍 泛型进行了传入传出值的类型约束 变量约束：message:T 函数、类约束： 使用泛型创建工厂函数 class BeeKeeper { hasMask: boolean; } class ZooKeeper { nametag: string; } class Animal { numLegs: number; } class Bee extends Animal { keeper: .
react native入门_React Native入门基础篇(一)
weixin_39614754的博客
11-21 293
学习一次，随处书写。（以下文字来自各大网上资料整理而来，侵删！）概述使用React为Android和iOS创建本机应用React Native将本机开发的最佳部分与React（用于构建用户界面的一流JavaScript库）结合在一起。 少用或多用。您现在可以在现有的Android和iOS项目中使用React Native，也可以从头开始创建一个全新的应用程序。用JavaScript编写-使用本机代...
使用新版本react-native 0.71快速开发APP项目详细介绍(ts+zustand+react-navigation+react-native-vector-icons)
搬砖狗-小强的专栏
07-18 1113
使用新版本react-native 0.71快速开发APP，初步实现了登录、首页、设置和一些demo模块，并自定义了一些通用组件。其中包含路由组件，文本框组件，单元格组件，按钮组件，表格组件和弹窗选择组件简单案列，这些组件都是最简单的实现，是给新手朋友参考学习的。后期可以根据自己需求拓展。本项目使用了比较新版本的rn框架（0.71），并且使用了ts框架开发。状态管理库没有使用react reducer，使用了Zustand: 一个轻量、现代的状态管理库（类似vue中的Pinia）。
RN 使用IDEA搭建TypeScript（ts）开发RN环境
DeMonnnnnn
09-04 2095
TypeScript 始于JavaScript，归于JavaScript 强大的工具构建 大型应用程序 先进的 JavaScript 首先我们安装TS依赖 yarn add -D typescript 安装types yarn add -D @types/react @types/react-native 配置tsconfig.json tsc --init --pretty --source...
在RN中引入对TypeScript语言的支持
zcmain的专栏
04-28 1376
文章目录为什么要使用TypeScript初始化一个RN项目安装TypeScript相关插件创建TypeScript配置文件`tsconfig.json`配置`tsconfig.json`创建.ts/.tsx文件编译并运行扩展RN测试工具Jestreact-test-renderer 为什么要使用TypeScript TypeScript是JavaScript的超集，扩展了JavaScript语法，...
使用React Native 混合开发，原生页面跳转到不同的RN页面
02-26
目前公司项目全部采用原生开发，现在想提升开发效率，把部分Android，iOS两端公共高复用的界面使用RN去做。就需要在原有的项目基础上加入RN并且单独跳转到不同的RN界面去。网上查了一下相关资料发现大部分都是从RN...
STM32F103+RN8302B通过模拟SPI测试三相电电压、电流。
03-21
STM32F103+RN8302B通过模拟SPI测试三相电电压、电流。 此程序包括串口通信，TFT显示屏、定时器、按键等程序。
毕设&课设&项目&实训-基于RN开发的一款视频配音APP.zip
最新发布
02-10
包含前端、后端、移动开发、操作系统、人工智能、物联网、信息化管理、数据库、硬件开发、大数据、课程资源、音视频、网站开发等各种技术项目的源码。 包括STM32、ESP8266、PHP、QT、Linux、iOS、C++、Java、python...
使用RN Animated做一个“添加购物车”动画的方法
10-18
主要介绍了使用RN Animated做一个“添加购物车”动画的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
ios-高仿 喜马拉雅.zip
07-11
项目GitHub：https://github.com/liuniuliuniu/LLXMLY.git 如对你有所帮助 您的点赞就是我的动力 封装下载缓存模块 已下载的内容可随时听 封装音频播放模块 传入URL即可立即播放 整体标签控制器内容采用懒加载 封装底部导航栏 tabbar按钮状态实时同步音乐播放 封装标签控制器 已支持cocoapods LLSegmentBar： https://github.com/liuniuliuniu/LLSegmentBar.git
ReactNativeTS：Typescript中的React Native项目的样板
02-05
ReactNativeTS :warning: 不再维护，最好检查一下 。 具有的项目的最小模板。 此项目已更新，但“中型”指南尚未更新。 请将此存储库用作参考。 建议用法 入门 要求： 和 克隆此存储库： git clone https://github.com/mrpatiwi/ReactNativeTS.git cd ReactNativeTS 安装依赖项： yarn 启动React Native服务器： yarn start 使用Typescript构建源代码： # Build once yarn run build # Build and watch for change
typescript开发react-native的简单示例代码
08-31
详见《typescript开发react-native的简单示例代码》http://blog.csdn.net/zhouzme/article/details/52390022
react-native聊天室|RN版聊天App仿微信实例|RN仿微信界面
10-16
主要介绍了react-native聊天室|RN版聊天App仿微信实例|RN仿微信界面,需要的朋友可以参考下
react-native-eyepetizer：React Native仿开眼3.1.2版本
02-05
版权声明：此处为Marno原创，转载必须在明确位置注明出处！转载地址： ://gold.xitu.io/post/589e8580b123db16a3d0dd3a注：原创不易，欢迎【欣赏】和【点赞】 不想看我废话的直接github看代码，仓库地址： 更多关于React Native的知识请关注Marno的简书专题《 》 获取关于React Native技术教程，请搜索微信公众号【aMarno】，或者直接扫码关注↓↓↓ 关注公众号，回复RN，就可以加入React Native技术交流群，我们一起聊技术。 一，前言 前段时间写了一篇关于React Native入门的教程 ，总结了一下我在学习R
使用TypeScript开发ReactNative应用的简单示例
热门推荐
蜗牛的专栏
08-31 1万+
最近小小尝试了下 ReactNative + TypeScript 开发APP，爬了无数坑之后总算弄出来个结果，重要的地方记录下，后面会附上示例代码： 开发工具的选择 windows 平台我接触的开发工具主要三个， WebStorm，Intellij IDEA 2016.2 版本，https://www.jetbrains.com/ 这两个我都试过，开发完全没问题的，还有PHPStorm估计也
react native ts环境搭建
进击的葱
04-29 2347
Building a React Native App using Expo and Typescript (Part1) This is the first part of a two-part guide to how to create a React Native App using Expo and Typescript. Here, we’ll create an example ...
RN 集成 TypeScript方案和问题大全
weixin_34375251的博客
05-18 285
这篇文章主要介绍了如何在 ReactNative 中如何集成 TypeScript，以及我们遇到的一些问题总结。 其实关于如何集成TS，RN官方有一篇博客介绍了接入方案，但在参照接入过程中发现针对老工程部分迁移TS、以及新版本RN并不适用。 集成方案 目前RN 集成 TypeScript 有两个方案： 方案一： 借助第三方编译插件react-native-typescript-transforme...
利用TypeScript构建优雅的React Native项目
weixin_34008805的博客
07-11 293
很长一段时间就想把ts引入公司的项目，但总是因为一些原因被搁置。接下来有机会重构之前的rn项目，借此机会正好可以引入ts，为了使后期的项目架构更加完善，近期我会梳理rn的一些知识点和新特性。 首先来介绍下TypeScript 始于JavaScript，归于JavaScript 强大的工具构建 大型应用程序 先进的 JavaScript 具体看官网传送门,毕竟今天的重点在如何使用 1...
rn8215应用笔记
08-16
rn8215是一款高性能的应用处理器芯片，主要用于物联网、智能家居以及工业控制等领域。以下是关于rn8215的应用笔记： 1. 物联网领域：rn8215通过其强大的处理能力和低功耗特性，可广泛应用于物联网设备。它支持丰富...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值