feat: audio page (#1518)

* feat: audio page

Signed-off-by: bggRGjQaUbCoE <githubaccount56556@proton.me>

* opt ui

Signed-off-by: bggRGjQaUbCoE <githubaccount56556@proton.me>

* impl intro, share, fav

Signed-off-by: bggRGjQaUbCoE <githubaccount56556@proton.me>

* tweaks

Signed-off-by: bggRGjQaUbCoE <githubaccount56556@proton.me>

* load prev/next

Signed-off-by: bggRGjQaUbCoE <githubaccount56556@proton.me>

---------

Signed-off-by: bggRGjQaUbCoE <githubaccount56556@proton.me>
This commit is contained in:
dom
2025-10-11 22:16:16 +08:00
committed by GitHub
parent a65edab7d1
commit 16f577f3fd
62 changed files with 49877 additions and 774 deletions

View File

@@ -1,4 +1,5 @@
import 'package:PiliPlus/common/constants.dart';
import 'package:PiliPlus/common/widgets/custom_sliver_persistent_header_delegate.dart';
import 'package:PiliPlus/common/widgets/loading_widget/http_error.dart';
import 'package:PiliPlus/common/widgets/loading_widget/loading_widget.dart';
import 'package:PiliPlus/common/widgets/refresh_indicator.dart';
@@ -34,6 +35,7 @@ class _MemberAudioState extends State<MemberAudio>
@override
Widget build(BuildContext context) {
super.build(context);
final colorScheme = ColorScheme.of(context);
return refreshIndicator(
onRefresh: _controller.onRefresh,
child: CustomScrollView(
@@ -43,7 +45,9 @@ class _MemberAudioState extends State<MemberAudio>
padding: EdgeInsets.only(
bottom: MediaQuery.viewPaddingOf(context).bottom + 100,
),
sliver: Obx(() => _buildBody(_controller.loadingState.value)),
sliver: Obx(
() => _buildBody(colorScheme, _controller.loadingState.value),
),
),
],
),
@@ -60,22 +64,70 @@ class _MemberAudioState extends State<MemberAudio>
minHeight: MediaQuery.textScalerOf(context).scale(90),
);
Widget _buildBody(LoadingState<List<SpaceAudioItem>?> loadingState) {
Widget _buildBody(
ColorScheme colorScheme,
LoadingState<List<SpaceAudioItem>?> loadingState,
) {
return switch (loadingState) {
Loading() => linearLoading,
Success(:var response) =>
response?.isNotEmpty == true
? SliverGrid.builder(
gridDelegate: gridDelegate,
itemBuilder: (context, index) {
if (index == response.length - 1) {
_controller.onLoadMore();
}
return MemberAudioItem(
item: response[index],
);
},
itemCount: response!.length,
? SliverMainAxisGroup(
slivers: [
SliverPersistentHeader(
floating: true,
delegate: CustomSliverPersistentHeaderDelegate(
extent: 40,
bgColor: colorScheme.surface,
child: SizedBox(
height: 40,
child: Row(
children: [
const SizedBox(width: 8),
Padding(
padding: const EdgeInsets.only(left: 6),
child: Text(
'${_controller.totalSize ?? 0}',
style: const TextStyle(fontSize: 13),
),
),
Container(
height: 35,
padding: const EdgeInsets.only(left: 6),
child: TextButton.icon(
onPressed: _controller.toViewPlayAll,
icon: Icon(
Icons.play_circle_outline_rounded,
size: 16,
color: colorScheme.secondary,
),
label: Text(
'播放全部',
style: TextStyle(
fontSize: 13,
color: colorScheme.secondary,
),
),
),
),
],
),
),
),
),
SliverGrid.builder(
gridDelegate: gridDelegate,
itemBuilder: (context, index) {
if (index == response.length - 1) {
_controller.onLoadMore();
}
return MemberAudioItem(
item: response[index],
);
},
itemCount: response!.length,
),
],
)
: HttpError(onReload: _controller.onReload),
Error(:var errMsg) => HttpError(