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