flutter 仿哔哩哔哩，视频详情页面效果

flutter 仿B站，视频详情页面效果，

需求：和B站一致；

效果

flutter 自带的SliverPersistentHeader在细节上并不能满足需求，本文讲述如何修改某个属性达到B站的效果；

代码：

CustomScrollView(slivers: [MySliverPersistentHeader(isScroll: isPlay,delegate: MySliverDelegate(),),SliverList(delegate: SliverChildBuilderDelegate((_, index) {return Container(color: colors[index % 3],height: 300,);}, childCount: 10),),],)

下面开始深挖：

找到这个属性，就是这个属性控制这个高度计算问题；

我们去修改这个属性：

思路简单来说就是从外部传递一个bool值，在这里写一个if，

github:代码

flutter 仿哔哩哔哩，视频详情页面效果相关推荐

Vue实现仿音乐播放器12-实现歌手页面效果
效果实现百度音乐API歌手说明例:method=baidu.ting.artist.getInfo&tinguid=877578 参数: tinguid = 877578 //歌手tin ...
iOS 仿淘宝,上拉进入详情页面
今天做的主要是一个模仿淘宝,上拉进入商品详情的功能,主要是通过 tableView 与 webView 一起来实现的,当然也可根据自己的需要把 webView 替换成你想要的 // // ViewCo ...
微信小程序新闻详情页面效果实现
  <view class="d ...
微信小程序---仿哔哩哔哩
项目介绍 1.该项目可实现从接口加载视频分类,轮播图图片,视频各信息. 2.点击某视频可以跳转到视频播放页面,包括视频播放模块.视频推荐模块.评论模块. 页面效果如下项目主要功能实现首页页面加载 ...
flutter仿微信ui
flutter仿微信ui 目录 flutter仿微信ui 项目结构项目搭建运行效果代码参考书籍项目结构项目搭建 pubspec.yaml的pub get 项目中message模块的mess ...
【小程序开发之文章详情页面的设计】文章详情页面如何布局
本篇博客是小程序开发系列的第四篇,在上一篇博客中介绍的是首页的制作,除了展示轮播图图片,食谱的封面.名称以及文章的封面和标题这些静态的东西之外我们还需要在点击它们的时候能够跳转到详情页面. 除了在首页 ...
微信小程序数据填充新闻详情页面
微信小程序带参的页面跳转微信小程序新闻详情页面效果实现上面已经实现了页面的跳转和详情页效果实现,接下来将数据填充到详情页面 post-detail.js 中引入posts-data.js,post ...
IOS开发笔记（九）——IM聊天工具个人详情页面，自定义tableview的accessaryView
中山大学数据科学与计算机学院本科生实验报告 (2019年春季学期) 课程名称 IOS开发任课老师郑贵锋年级 16 专业(方向) 软件工程(计算机应用方向) 学号 16340132 姓名梁颖霖 ...
HTML高仿哔哩哔哩(B站)视频网站整站模板
简介: 100%高仿哔哩哔哩(B站)视频网站模板,包含首页.列表和内容页整站模板. 网盘下载地址: http://kekewangLuo.net/D94pktwZmYc0 图片:

flutter 仿哔哩哔哩，视频详情页面效果

flutter 仿哔哩哔哩，视频详情页面效果相关推荐

最新文章

热门文章