opt: 视频详情页Hero动画

This commit is contained in:
guozhigq
2024-05-26 15:48:28 +08:00
parent fa0c870f54
commit 979346233f

View File

@ -534,11 +534,10 @@ class _VideoDetailPageState extends State<VideoDetailPage>
Scaffold( Scaffold(
resizeToAvoidBottomInset: false, resizeToAvoidBottomInset: false,
key: vdCtr.scaffoldKey, key: vdCtr.scaffoldKey,
backgroundColor: Colors.black,
appBar: PreferredSize( appBar: PreferredSize(
preferredSize: const Size.fromHeight(0), preferredSize: const Size.fromHeight(0),
child: AppBar( child: AppBar(
backgroundColor: Colors.transparent, backgroundColor: Colors.black,
elevation: 0, elevation: 0,
), ),
), ),
@ -568,8 +567,7 @@ class _VideoDetailPageState extends State<VideoDetailPage>
} }
return SliverAppBar( return SliverAppBar(
automaticallyImplyLeading: false, automaticallyImplyLeading: false,
// 假装使用一个非空变量避免Obx检测不到而罢工 pinned: true,
pinned: vdCtr.autoPlay.value,
elevation: 0, elevation: 0,
scrolledUnderElevation: 0, scrolledUnderElevation: 0,
forceElevated: innerBoxIsScrolled, forceElevated: innerBoxIsScrolled,
@ -577,8 +575,8 @@ class _VideoDetailPageState extends State<VideoDetailPage>
backgroundColor: Colors.black, backgroundColor: Colors.black,
flexibleSpace: FlexibleSpaceBar( flexibleSpace: FlexibleSpaceBar(
background: PopScope( background: PopScope(
canPop: plPlayerController?.isFullScreen.value != canPop:
true, plPlayerController?.isFullScreen.value != true,
onPopInvoked: (bool didPop) { onPopInvoked: (bool didPop) {
if (plPlayerController?.isFullScreen.value == if (plPlayerController?.isFullScreen.value ==
true) { true) {
@ -590,16 +588,11 @@ class _VideoDetailPageState extends State<VideoDetailPage>
verticalScreen(); verticalScreen();
} }
}, },
child: LayoutBuilder( child: Hero(
builder: (BuildContext context, tag: heroTag,
BoxConstraints boxConstraints) { child: Stack(
return Stack(
children: <Widget>[ children: <Widget>[
if (isShowing) if (isShowing) videoPlayerPanel,
Padding(
padding: EdgeInsets.only(top: 0),
child: videoPlayerPanel,
),
/// 关闭自动播放时 手动播放 /// 关闭自动播放时 手动播放
Obx( Obx(
@ -615,9 +608,9 @@ class _VideoDetailPageState extends State<VideoDetailPage>
), ),
), ),
], ],
); ),
}, ),
)), ),
), ),
); );
}, },
@ -636,10 +629,7 @@ class _VideoDetailPageState extends State<VideoDetailPage>
: pinnedHeaderHeight; : pinnedHeaderHeight;
}, },
onlyOneScrollInBody: true, onlyOneScrollInBody: true,
body: ColoredBox( body: Column(
key: Key(heroTag),
color: Theme.of(context).colorScheme.background,
child: Column(
children: [ children: [
tabbarBuild(), tabbarBuild(),
Expanded( Expanded(
@ -655,8 +645,8 @@ class _VideoDetailPageState extends State<VideoDetailPage>
VideoIntroPanel(bvid: vdCtr.bvid), VideoIntroPanel(bvid: vdCtr.bvid),
] else if (vdCtr.videoType == ] else if (vdCtr.videoType ==
SearchType.media_bangumi) ...[ SearchType.media_bangumi) ...[
Obx(() => BangumiIntroPanel( Obx(() =>
cid: vdCtr.cid.value)), BangumiIntroPanel(cid: vdCtr.cid.value)),
], ],
SliverToBoxAdapter( SliverToBoxAdapter(
child: Divider( child: Divider(
@ -687,7 +677,6 @@ class _VideoDetailPageState extends State<VideoDetailPage>
), ),
), ),
), ),
),
/// 重新进入会刷新 /// 重新进入会刷新
// 播放完成/暂停播放 // 播放完成/暂停播放