204 lines
7.5 KiB
Dart
204 lines
7.5 KiB
Dart
import 'package:flutter/material.dart';
|
||
import 'package:get/get.dart';
|
||
import 'package:pilipala/models/video_detail_res.dart';
|
||
|
||
class PagesPanel extends StatefulWidget {
|
||
final List<Part> pages;
|
||
final int? cid;
|
||
final double? sheetHeight;
|
||
final Function? changeFuc;
|
||
|
||
const PagesPanel({
|
||
super.key,
|
||
required this.pages,
|
||
this.cid,
|
||
this.sheetHeight,
|
||
this.changeFuc,
|
||
});
|
||
|
||
@override
|
||
State<PagesPanel> createState() => _PagesPanelState();
|
||
}
|
||
|
||
class _PagesPanelState extends State<PagesPanel> {
|
||
late List<Part> episodes;
|
||
late int currentIndex;
|
||
|
||
@override
|
||
void initState() {
|
||
super.initState();
|
||
episodes = widget.pages;
|
||
currentIndex = episodes.indexWhere((e) => e.cid == widget.cid);
|
||
}
|
||
|
||
void changeFucCall(item, i) async {
|
||
await widget.changeFuc!(
|
||
item.cid,
|
||
);
|
||
currentIndex = i;
|
||
setState(() {});
|
||
}
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return Column(
|
||
children: [
|
||
Padding(
|
||
padding: const EdgeInsets.only(top: 10, bottom: 2),
|
||
child: Row(
|
||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||
children: [
|
||
const Text('视频选集 '),
|
||
Expanded(
|
||
child: Text(
|
||
' 正在播放：${widget.pages[currentIndex].pagePart}',
|
||
overflow: TextOverflow.ellipsis,
|
||
style: TextStyle(
|
||
fontSize: 12,
|
||
color: Theme.of(context).colorScheme.outline,
|
||
),
|
||
),
|
||
),
|
||
const SizedBox(width: 10),
|
||
SizedBox(
|
||
height: 34,
|
||
child: TextButton(
|
||
style: ButtonStyle(
|
||
padding: MaterialStateProperty.all(EdgeInsets.zero),
|
||
),
|
||
onPressed: () {
|
||
showBottomSheet(
|
||
context: context,
|
||
builder: (_) => Container(
|
||
height: widget.sheetHeight,
|
||
color: Theme.of(context).colorScheme.background,
|
||
child: Column(
|
||
children: [
|
||
Container(
|
||
height: 45,
|
||
padding:
|
||
const EdgeInsets.only(left: 14, right: 14),
|
||
child: Row(
|
||
mainAxisAlignment:
|
||
MainAxisAlignment.spaceBetween,
|
||
children: [
|
||
Text(
|
||
'合集（${episodes.length}）',
|
||
style:
|
||
Theme.of(context).textTheme.titleMedium,
|
||
),
|
||
IconButton(
|
||
icon: const Icon(Icons.close),
|
||
onPressed: () => Navigator.pop(context),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
Divider(
|
||
height: 1,
|
||
color: Theme.of(context)
|
||
.dividerColor
|
||
.withOpacity(0.1),
|
||
),
|
||
Expanded(
|
||
child: Material(
|
||
child: ListView.builder(
|
||
itemCount: episodes.length,
|
||
itemBuilder: (context, index) {
|
||
return InkWell(
|
||
onTap: () {
|
||
changeFucCall(episodes[index], index);
|
||
Get.back();
|
||
},
|
||
child: Padding(
|
||
padding: const EdgeInsets.only(
|
||
top: 10,
|
||
bottom: 10,
|
||
left: 15,
|
||
right: 15),
|
||
child: Text(
|
||
episodes[index].pagePart!,
|
||
style: TextStyle(
|
||
color: index == currentIndex
|
||
? Theme.of(context)
|
||
.colorScheme
|
||
.primary
|
||
: Theme.of(context)
|
||
.colorScheme
|
||
.onSurface),
|
||
),
|
||
),
|
||
);
|
||
},
|
||
),
|
||
),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
);
|
||
},
|
||
child: Text(
|
||
'共${widget.pages.length}集',
|
||
style: const TextStyle(fontSize: 13),
|
||
),
|
||
),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
Container(
|
||
height: 35,
|
||
margin: const EdgeInsets.only(bottom: 8),
|
||
child: ListView.builder(
|
||
scrollDirection: Axis.horizontal,
|
||
itemCount: widget.pages.length,
|
||
itemExtent: 150,
|
||
itemBuilder: ((context, i) {
|
||
return Container(
|
||
width: 150,
|
||
margin: const EdgeInsets.only(right: 10),
|
||
child: Material(
|
||
color: Theme.of(context).colorScheme.onInverseSurface,
|
||
borderRadius: BorderRadius.circular(6),
|
||
clipBehavior: Clip.hardEdge,
|
||
child: InkWell(
|
||
onTap: () => changeFucCall(widget.pages[i], i),
|
||
child: Padding(
|
||
padding: const EdgeInsets.symmetric(
|
||
vertical: 8, horizontal: 8),
|
||
child: Row(
|
||
children: [
|
||
if (i == currentIndex) ...[
|
||
Image.asset(
|
||
'assets/images/live.gif',
|
||
color: Theme.of(context).colorScheme.primary,
|
||
height: 12,
|
||
),
|
||
const SizedBox(width: 6)
|
||
],
|
||
Expanded(
|
||
child: Text(
|
||
widget.pages[i].pagePart!,
|
||
maxLines: 1,
|
||
style: TextStyle(
|
||
fontSize: 13,
|
||
color: i == currentIndex
|
||
? Theme.of(context).colorScheme.primary
|
||
: Theme.of(context).colorScheme.onSurface),
|
||
overflow: TextOverflow.ellipsis,
|
||
))
|
||
],
|
||
),
|
||
),
|
||
),
|
||
),
|
||
);
|
||
}),
|
||
),
|
||
)
|
||
],
|
||
);
|
||
}
|
||
}
|