mirrors/pilipala
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

mod: 视频详情页

Browse Source
This commit is contained in:
guozhigq
2023-04-20 23:24:14 +08:00
parent dcc99083a4
commit 297020a16f
2 changed files with 157 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
lib/pages/video/detail/controller.dart
View File

@ -0,0 +1,29 @@
import 'package:get/get.dart';
class VideoDetailController extends GetxController {
// 视频aid
String aid = Get.parameters['aid']!;
// 是否预渲染 骨架屏
bool preRender = false;
// 视频详情 上个页面传入
Map videoItem = {};
// 请求状态
RxBool isLoading = false.obs;
@override
void onInit() {
super.onInit();
if (Get.arguments.isNotEmpty) {
if (Get.arguments.containsKey('videoItem')) {
preRender = true;
var args = Get.arguments['videoItem'];
if (args.pic != null && args.pic != '') {
videoItem['pic'] = args.pic;
}
}
}
}
}

132
lib/pages/video/detail/view.dart
View File

@ -1,18 +1,142 @@
import 'package:get/get.dart';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:pilipala/common/widgets/network_img_layer.dart';
import 'package:pilipala/pages/video/detail/controller.dart';
class VideoDetailPage extends StatefulWidget { class VideoDetailPage extends StatefulWidget {
const VideoDetailPage({super.key}); const VideoDetailPage({Key? key}) : super(key: key);
@override @override
State<VideoDetailPage> createState() => _VideoDetailPageState(); State<VideoDetailPage> createState() => _VideoDetailPageState();
} }
class _VideoDetailPageState extends State<VideoDetailPage> { class _VideoDetailPageState extends State<VideoDetailPage> {
final VideoDetailController videoDetailController =
Get.put(VideoDetailController());
final _tabs = <String>['简介', '评论'];
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
return Scaffold( return DefaultTabController(
appBar: AppBar( length: _tabs.length, // tab的数量.
title: const Text('videoDetail'), child: SafeArea(
top: false,
bottom: false,
child: Scaffold(
body: NestedScrollView(
headerSliverBuilder:
(BuildContext context, bool innerBoxIsScrolled) {
return <Widget>[
SliverOverlapAbsorber(
handle:
NestedScrollView.sliverOverlapAbsorberHandleFor(context),
sliver: SliverAppBar(
title: const Text("视频详情"),
// floating: true,
// snap: true,
pinned: true,
elevation: 0,
scrolledUnderElevation: 0,
forceElevated: innerBoxIsScrolled,
expandedHeight: MediaQuery.of(context).size.width * 9 / 16,
collapsedHeight: MediaQuery.of(context).size.width * 9 / 16,
toolbarHeight: kToolbarHeight,
flexibleSpace: FlexibleSpaceBar(
background: Padding(
padding: EdgeInsets.only(
bottom: 50,
top: MediaQuery.of(context).padding.top),
child: LayoutBuilder(
builder: (context, boxConstraints) {
double maxWidth = boxConstraints.maxWidth;
double maxHeight = boxConstraints.maxHeight;
double PR = MediaQuery.of(context).devicePixelRatio;
return NetworkImgLayer(
src: videoDetailController.videoItem['pic'],
width: maxWidth,
height: maxHeight,
);
},
),
),
),
bottom: PreferredSize(
preferredSize: const Size.fromHeight(50.0),
child: Container(
height: 50,
decoration: BoxDecoration(
border: Border(
bottom: BorderSide(
color: Theme.of(context)
.dividerColor
.withOpacity(0.1)))),
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
mainAxisSize: MainAxisSize.max,
children: [
Container(
width: 180,
margin: const EdgeInsets.only(left: 20),
child: TabBar(
splashBorderRadius: BorderRadius.circular(6),
dividerColor: Colors.transparent,
tabs: _tabs
.map((String name) => Tab(text: name))
.toList(),
),
),
// 弹幕开关
// const Spacer(),
// Flexible(
// flex: 2,
// child: Container(
// height: 50,
// ),
// ),
],
),
),
),
),
),
];
},
body: TabBarView(
children: [
Builder(builder: (context) {
return CustomScrollView(
key: const PageStorageKey<String>('简介'),
slivers: <Widget>[
SliverOverlapInjector(
handle: NestedScrollView.sliverOverlapAbsorberHandleFor(
context),
),
// const VideoIntroPanel(),
const SliverToBoxAdapter(
child: Text('简介'),
)
],
);
}),
Builder(builder: (context) {
return CustomScrollView(
key: const PageStorageKey<String>('评论'),
slivers: <Widget>[
SliverOverlapInjector(
handle: NestedScrollView.sliverOverlapAbsorberHandleFor(
context),
),
const SliverToBoxAdapter(
child: Text('评论'),
)
],
);
})
],
),
),
),
), ),
); );
} }