Bilibili客户端的ReactNative版本(demo)

最新推荐文章于 2024-06-08 17:39:03 发布
最新推荐文章于 2024-06-08 17:39:03 发布
阅读量318 收藏
点赞数
分类专栏： JavaScript ReactNative 文章标签： javascript reactjs react native
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42595231/article/details/117755181
版权

github链接 下载apk 博客文章链接

项目描述
  1. 此项目为一个播放视频的NativeApp，因设备所限，仅实现了android端
  2. 包括搜索 / 视频播放 / 弹幕 / 用户空间 等功能模块
  3. 使用 ReactNative + ReactHooks + Axios + ES6 + Webpack 等技术
  4. 采用模块化、组件化、工程化的模式开发
详细描述
  1. 利用 axios + promise + await/async 实现接口请求函数模块
  2. 利用 redux + redux-thunk进行状态管理
  3. 利用 react-navigation 实现页面导航
  4. 利用 async-storage 实现搜索记录持久化
  5. 对 react-native-rn-videoplayer 进行二次开发实现可选集、可倍速、带弹幕的播放器
  6. 利用 BackHandler 监听物理按键，实现页面返回
截图展示

在这里插入图片描述

最低0.47元/天 解锁文章
weixin_42595231
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
react-native-video-player：React Native的视频播放器，带有控件
02-05
React本机视频播放器 一个带有一些控件的React Native视频播放器。 该播放器使用react-native-video进行视频播放。 安装 yarn add react-native-video-player react-native-video react-native-vector-icons 要么 npm install --save react-native-video-player react-native-video react-native-vector-icons 然后，对于React Native> = 0.60： cd ios pod install 在An
React Native 中如何使用Android的第三方控件以Android的弹幕为例
陈柱的博客
02-28 1150
React Native 中使用Android原生的弹幕
React Native 快速Demo（1）
最新发布
十步杀一人-千里不留行
06-08 554
通过以上步骤，可以快速实现一个基本的项目雏型demo，涵盖了核心功能模块，如用户登录、数据采集、地图显示和数据同步。可以在此基础上进行进一步的优化和扩展，根据实际需求添加更多功能和细节。
探索Bilibili-React-Native：一个高效开发哔哩哔哩移动应用的框架
gitblog_00030的博客
03-28 440
探索Bilibili-React-Native：一个高效开发哔哩哔哩移动应用的框架 项目地址:https://gitcode.com/879479119/Bilibili-React-Native 项目简介 Bilibili-React-Native 是一个基于React Native构建的开源项目，旨在为开发者提供一个快速、便捷地创建和维护哔哩哔哩（B站）移动应用程序的平台。通过该项目，开发者可...
用react的ReactCSSTransitionGroup插件实现简单的弹幕动画
weixin_30877227的博客
10-22 740
1，开始的思路 公司想做直播方面的项目，并想加入弹幕的功能，直播的页面已经作为一个组件放在了用react+redux写好的一个网站项目上。所以技术老大让我研究下如何用react实现弹幕的功能。下面我就简单说下我的react弹幕折腾之路。一开始其实是两手空空，作为一个php的初级开发人员，我对前端技术掌握的很少，远不到熟练的程度。所以，我得从头学习如何用js+css实现弹幕，然后再将弹幕移植到re...
RN中第三方组件
2401_84121685的博客
04-18 278
抖一抖动画小组件（有点意思）封装后动画组件（效果较丰富）文件上传jpush-react-native //官方版本react-native-jpush 由 React Native 中文网开发维护。选项卡material组件库（各种漂亮的小组件）base组件库（各种封装不错的小组件）不错的按钮输入框表单验证炫酷效果的 TextInput聊天地图动画加载动画抽屉效果侧滑按钮图表下拉放大可滑动的日历组件语言转化和一些常用格式转换单选多选ListView选择按钮二维码制作本地库影音相关安卓录音提示消息的Bar。
React Native版本的Bilibili客户端，支持iOS和Android用户.zip
02-08
在这个"React Native版本的Bilibili客户端"项目中，我们可以看到开发者利用React Native的优势，为Bilibili这个流行的视频分享平台创建了一个兼容iOS和Android的应用程序。 首先，我们要理解React Native的基本概念...
Android项目源码 studio和eclipse双版本仿bilibili客户端.rar
07-10
本资源包含的是一个Android开发项目，它以Bilibili客户端为原型，提供了在Android Studio和Eclipse两个开发环境下的源代码。这对于Android开发者来说是一个很好的学习案例，可以帮助他们理解和掌握如何构建一个类似...
Android项目源码studio和eclipse双版本仿bilibili客户端
07-29
本项目是一个非官方的开源bilibili客户端，图片展示的功能逻辑都已经实现，不过目前我测试的是点播放视频就会崩，可能bilibili那边已经做过改动了吧。这种需要联网的项目很容易出现崩溃的问题，因为服务端稍有变动就...
Android 仿Bilibili客户端代码
04-13
【Android 仿Bilibili客户端代码】项目是一个旨在模仿Bilibili移动应用的开源实践，为开发者提供了深入了解Android开发和Bilibili特定功能实现的宝贵机会。该项目涵盖了多个Android开发的关键知识点，包括UI设计、...
react-native-video-bilibili::television:哔哩哔哩 (゜-゜)つロ 干杯~-bilibili | 一款交互设计参考bilibili的高性能富交互的视频播放器，纯JS基于react-native-video二次开发
05-23
React本机视频能力 :television: react-native-video二次开发视频播放器，交互设计参考bilibili 没有链接，没有依赖项，只有javascript 安装 npm install react-native-video-bilibili 截屏 UX分解图 用法 import Video from 'react-native-video-bilibili' ; < Video ref = { 'player' } style = { { width : "100%" , height : 300 } } source = { { uri : "https://media.w3.org/2010/05/sintel/trailer.mp4" } } / > 可配置道具 containerStyle 容器样式 风格 React本机视频样式 样式 与深度
Android-reactnative弹幕插件android
08-13
react native弹幕插件（android）
reactNativeDemo:reactNative初学者demo
04-30
reactNativeDemo reactNative初学者demo 介绍 根据reactNative零基础教程编写的实例 教程中是用ES5写的ios版 我是用ES6写的android版 安装与运行 npm install react-native run-android 组件 Text, View, Image,TabNavigator,Navigator,WebView,TouchableOpacity,ListView, ScrollView TabNavigator是github上开源的一个rn组件，是适用于ios和安卓两个平台的底部导航栏 npm install react-native-tab-navigator --save import TabNavigator from 'react-native-tab-navigator';
react-native-orzhtml-videoplayer:react-native video 视频控制组件
05-29
react-native-orzhtml-videoplayer react-native video 视频控制组件 截图 安装 npm install react-native-orzhtml-videoplayer --save或yarn add react-native-orzhtml-videoplayer npm install react-native-orientation --save或yarn add react-native-orientation 对于 React Native 0.60.0 或更高版本。 npm install react-native-video --save或yarn add react-native-video 对于 React Native <= 0.59.x 使用 6.1.1 或更低版本 npm install react-nat
RN开源组件react-native-video的用法
热门推荐
Quiet-Night的博客
11-06 1万+
RN开源组件react-native-video的用法
关于React-Native-Video这个组件，也就这么多了吧
weixin_44809405的博客
04-16 1936
前情提要 之前有写过对react-native-video这个组件的基础功能介绍，本次为react-native-video使用对拓展介绍，包括我在实际开发过程中遇到的一些小问题以及解决方案。 开始 基于对实际产品对需要，要求这个视频组建不单单对视频对播放，还有对视频进行相关控制，例如全屏显示，声音调节，进度调节，进度显示，声音，速率等等。 全屏显示 在做全屏显示的时候主要是对Android系统的...
RN开源播放器Video组件(react-native-video)
小毅哥哥的博客
07-01 8735
开源项目地址: https://github.com/brentvatne/react-native-login一. 项目介绍 该组件进行封装成React Native平台播放器Video组件,大家可以使用该组件进行播放视频啦~不过支持React Native的版本最低0.19版本。二.1.1. 运行命令进行安装npm install react-native-video --save1.2.i
推荐开源项目：React Native Video Player
gitblog_00059的博客
04-17 396
推荐开源项目：React Native Video Player 项目地址:https://gitcode.com/cornedor/react-native-video-player 在当今的移动应用开发中，视频播放功能已成为不可或缺的一部分。对于React Native开发者来说，找到一个强大、易用且灵活的视频组件至关重要。这就是我要向您推荐的React Native Video Player...
BILIBILI安卓客户端，视频评论下的图片，不能直接保存，安卓系统上有什么办法可以帮助我保存图片
03-30
您可以尝试以下方法来保存BILIBILI安卓客户端下视频评论中的图片： 1. 长按图片，选择“分享”选项，然后选择“保存图片”即可保存图片到手机相册中。 2. 使用截屏工具，如手机自带的截屏功能或第三方截屏工具，将图片截取下来，然后保存到手机相册中。 3. 如果您有root权限，可以使用ES文件浏览器或其他文件管理器，找到BILIBILI安卓客户端的缓存文件夹中的评论图片，然后将其复制到其他地方进行保存。 注意：在保存BILIBILI安卓客户端下的视频评论中的图片时，请遵守相关法律法规，不要侵犯他人的合法权益。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值