EchoZenith/PiliPlus
1
0
Fork 0
mirror of https://github.com/bggRGjQaUbCoE/PiliPlus.git synced 2026-04-20 11:08:03 +08:00
Code Issues Packages Projects Releases Wiki Activity

bubble page

Browse Source 
Signed-off-by: dom <githubaccount56556@proton.me>
This commit is contained in:
dom
2026-04-09 20:51:28 +08:00
parent db30aa8041
commit 222c9d01a0
22 changed files with 571 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

244
lib/pages/bubble/view.dart Normal file
View File

@@ -0,0 +1,244 @@
import 'package:PiliPlus/common/widgets/flutter/list_tile.dart';
import 'package:PiliPlus/common/widgets/flutter/refresh_indicator.dart';
import 'package:PiliPlus/common/widgets/keep_alive_wrapper.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/scroll_physics.dart';
import 'package:PiliPlus/http/loading_state.dart';
import 'package:PiliPlus/models_new/bubble/dyn_list.dart';
import 'package:PiliPlus/pages/bubble/controller.dart';
import 'package:PiliPlus/utils/extension/scroll_controller_ext.dart';
import 'package:PiliPlus/utils/grid.dart';
import 'package:collection/collection.dart';
import 'package:flutter/material.dart'
hide ListTile, SliverGridDelegateWithMaxCrossAxisExtent;
import 'package:get/get.dart';
class BubblePage extends StatefulWidget {
const BubblePage({super.key, this.categoryId});
final String? categoryId;
@override
State<BubblePage> createState() => _BubblePageState();
}
class _BubblePageState extends State<BubblePage>
with AutomaticKeepAliveClientMixin {
late final BubbleController _controller;
@override
void initState() {
super.initState();
_controller = Get.put(
BubbleController(widget.categoryId),
tag: widget.categoryId ?? 'all',
);
}
BubbleController currCtr([int? index]) {
try {
index ??= _controller.tabController!.index;
if (index != 0) {
return Get.find<BubbleController>(
tag: _controller.tabs.value![index].id.toString(),
);
}
} catch (_) {}
return _controller;
}
@override
Widget build(BuildContext context) {
super.build(context);
final padding = MediaQuery.viewPaddingOf(context);
Widget child = refreshIndicator(
onRefresh: _controller.onRefresh,
child: CustomScrollView(
physics: const AlwaysScrollableScrollPhysics(),
controller: _controller.scrollController,
slivers: [
SliverPadding(
padding: EdgeInsets.only(bottom: padding.bottom + 100),
sliver: Obx(
() => _buildBody(_controller.loadingState.value),
),
),
],
),
);
if (widget.categoryId != null) {
return child;
} else {
child = Stack(
clipBehavior: .none,
children: [
child,
Positioned(
right: kFloatingActionButtonMargin,
bottom: kFloatingActionButtonMargin + padding.bottom,
child: Obx(
() {
final sortInfo = _controller.sortInfo.value;
if (sortInfo == null || sortInfo.showSort != true) {
return const SizedBox.shrink();
}
final item = sortInfo.sortItems?.firstWhereOrNull(
(e) => e.sortType == sortInfo.curSortType,
);
if (item != null) {
return FloatingActionButton.extended(
tooltip: '排序',
onPressed: () => showDialog(
context: context,
builder: (context) => AlertDialog(
clipBehavior: .hardEdge,
contentPadding: const .symmetric(vertical: 12),
content: Column(
mainAxisSize: .min,
children: sortInfo.sortItems!.map(
(e) {
final isSelected = item.sortType == e.sortType;
return ListTile(
dense: true,
enabled: !isSelected,
onTap: () {
Get.back();
if (!isSelected) {
_controller.onSort(e.sortType);
}
},
title: Text(
e.text!,
style: const TextStyle(fontSize: 14),
),
trailing: isSelected
? const Icon(size: 22, Icons.check)
: null,
);
},
).toList(),
),
),
),
icon: const Icon(Icons.sort, size: 20),
label: Text(item.text!),
);
}
return const SizedBox.shrink();
},
),
),
],
);
}
return Scaffold(
resizeToAvoidBottomInset: false,
appBar: AppBar(
title: Obx(() {
final tribeName = _controller.tribeName.value;
if (tribeName == null) {
return const SizedBox.shrink();
}
return Text('$tribeName小站');
}),
),
body: Padding(
padding: EdgeInsets.only(left: padding.left, right: padding.right),
child: Obx(() {
final tabs = _controller.tabs.value;
if (tabs == null || tabs.isEmpty) {
return child;
}
return Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
TabBar(
isScrollable: true,
tabAlignment: .start,
controller: _controller.tabController,
onTap: (index) {
if (!_controller.tabController!.indexIsChanging) {
currCtr().scrollController.animToTop();
}
},
tabs: tabs.map((item) => Tab(text: item.name!)).toList(),
),
Expanded(
child: tabBarView(
controller: _controller.tabController,
children: [
KeepAliveWrapper(child: child),
...tabs
.skip(1)
.map((item) => BubblePage(categoryId: item.id)),
],
),
),
],
);
}),
),
);
}
late final gridDelegate = SliverGridDelegateWithMaxCrossAxisExtent(
mainAxisExtent: 56,
maxCrossAxisExtent: 2 * Grid.smallCardWidth,
);
Widget _buildBody(LoadingState<List<DynList>?> loadingState) {
switch (loadingState) {
case Loading():
return const SliverFillRemaining(child: m3eLoading);
case Success(:final response):
if (response != null && response.isNotEmpty) {
return SliverGrid.builder(
gridDelegate: gridDelegate,
itemBuilder: (context, index) {
if (index == response.length - 1) {
_controller.onLoadMore();
}
final item = response[index];
return Material(
type: .transparency,
child: ListTile(
safeArea: false,
visualDensity: .standard,
// PageUtils.pushDynFromId(id: item.dynId);
onTap: () => Get.toNamed(
'/articlePage',
parameters: {
'id': item.dynId!,
'type': 'opus',
},
),
title: Text(
item.title!,
maxLines: 1,
overflow: .ellipsis,
),
trailing: item.meta?.timeText == null
? null
: Text(
item.meta!.timeText!,
style: const TextStyle(fontSize: 13),
),
),
);
},
itemCount: response.length,
);
}
return HttpError(onReload: _controller.onReload);
case Error(:final errMsg):
return HttpError(
errMsg: errMsg,
onReload: _controller.onReload,
);
}
}
@override
bool get wantKeepAlive => widget.categoryId != null;
}