mod: article: show top

Closes #819

Signed-off-by: bggRGjQaUbCoE <githubaccount56556@proton.me>
This commit is contained in:
bggRGjQaUbCoE
2025-05-05 20:15:10 +08:00
parent e7b229a60f
commit 2e4c24393d
4 changed files with 145 additions and 23 deletions

View File

@@ -1,12 +1,14 @@
import 'dart:math';
import 'package:PiliPlus/common/skeleton/video_reply.dart';
import 'package:PiliPlus/common/widgets/badge.dart';
import 'package:PiliPlus/common/widgets/image/network_img_layer.dart';
import 'package:PiliPlus/common/widgets/loading_widget/http_error.dart';
import 'package:PiliPlus/common/widgets/refresh_indicator.dart';
import 'package:PiliPlus/grpc/bilibili/main/community/reply/v1.pb.dart'
show ReplyInfo;
import 'package:PiliPlus/http/loading_state.dart';
import 'package:PiliPlus/models/common/image_preview_type.dart';
import 'package:PiliPlus/models/common/reply/reply_sort_type.dart';
import 'package:PiliPlus/models/common/reply/reply_type.dart';
import 'package:PiliPlus/models/dynamics/result.dart' show DynamicStat;
@@ -22,6 +24,7 @@ import 'package:PiliPlus/utils/grid.dart';
import 'package:PiliPlus/utils/page_utils.dart';
import 'package:PiliPlus/utils/storage.dart';
import 'package:PiliPlus/utils/utils.dart';
import 'package:cached_network_image/cached_network_image.dart';
import 'package:easy_debounce/easy_throttle.dart';
import 'package:flutter/material.dart';
import 'package:flutter/rendering.dart';
@@ -390,6 +393,76 @@ class _ArticlePageState extends State<ArticlePage>
_articleCtr.articleData?.publishTime;
return SliverMainAxisGroup(
slivers: [
if (_articleCtr.type != 'read' &&
_articleCtr.opusData?.modules.moduleTop?.display?.album
?.pics?.isNotEmpty ==
true)
SliverToBoxAdapter(
child: Builder(
builder: (context) {
final pics = _articleCtr.opusData!.modules.moduleTop!
.display!.album!.pics!;
final length = pics.length;
final first = pics.first;
double height;
double paddingRight;
if (first.height != null && first.width != null) {
final ratio = first.height! / first.width!;
height = min(maxWidth * ratio, Get.height * 0.55);
paddingRight = (maxWidth - height / ratio) / 2 + 12;
} else {
height = Get.height * 0.55;
paddingRight = 12;
}
return Stack(
clipBehavior: Clip.none,
children: [
Container(
height: height,
width: maxWidth,
margin: const EdgeInsets.only(bottom: 10),
child: PageView.builder(
physics: const ClampingScrollPhysics(),
onPageChanged: (value) {
_articleCtr.topIndex.value = value;
},
itemCount: length,
itemBuilder: (context, index) {
final url = pics[0].url!;
return GestureDetector(
onTap: () {
context.imageView(
imgList: pics
.map((e) =>
SourceModel(url: e.url!))
.toList(),
initialPage: index,
);
},
child: Hero(
tag: url,
child: CachedNetworkImage(
imageUrl:
Utils.thumbnailImgUrl(url, 60),
),
),
);
},
),
),
Obx(
() => PBadge(
top: 12,
right: paddingRight,
type: 'gray',
text:
'${_articleCtr.topIndex.value + 1}/$length'),
),
],
);
},
),
),
if (_articleCtr.summary.title != null)
SliverToBoxAdapter(
child: Text(