85 lines
2.4 KiB
Dart
85 lines
2.4 KiB
Dart
import 'package:easy_debounce/easy_throttle.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:get/get.dart';
|
|
import 'package:pilipala/common/widgets/http_error.dart';
|
|
import 'controller.dart';
|
|
import 'widgets/item.dart';
|
|
|
|
class SubPage extends StatefulWidget {
|
|
const SubPage({super.key});
|
|
|
|
@override
|
|
State<SubPage> createState() => _SubPageState();
|
|
}
|
|
|
|
class _SubPageState extends State<SubPage> {
|
|
final SubController _subController = Get.put(SubController());
|
|
late Future _futureBuilderFuture;
|
|
late ScrollController scrollController;
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
_futureBuilderFuture = _subController.querySubFolder();
|
|
scrollController = _subController.scrollController;
|
|
scrollController.addListener(
|
|
() {
|
|
if (scrollController.position.pixels >=
|
|
scrollController.position.maxScrollExtent - 300) {
|
|
EasyThrottle.throttle('history', const Duration(seconds: 1), () {
|
|
_subController.onLoad();
|
|
});
|
|
}
|
|
},
|
|
);
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Scaffold(
|
|
appBar: AppBar(
|
|
centerTitle: false,
|
|
titleSpacing: 0,
|
|
title: Text(
|
|
'我的订阅',
|
|
style: Theme.of(context).textTheme.titleMedium,
|
|
),
|
|
),
|
|
body: FutureBuilder(
|
|
future: _futureBuilderFuture,
|
|
builder: (context, snapshot) {
|
|
if (snapshot.connectionState == ConnectionState.done) {
|
|
Map? data = snapshot.data;
|
|
if (data != null && data['status']) {
|
|
return Obx(
|
|
() => ListView.builder(
|
|
controller: scrollController,
|
|
itemCount: _subController.subFolderData.value.list!.length,
|
|
itemBuilder: (context, index) {
|
|
return SubItem(
|
|
subFolderItem:
|
|
_subController.subFolderData.value.list![index]);
|
|
},
|
|
),
|
|
);
|
|
} else {
|
|
return CustomScrollView(
|
|
physics: const NeverScrollableScrollPhysics(),
|
|
slivers: [
|
|
HttpError(
|
|
errMsg: data?['msg'],
|
|
fn: () => setState(() {}),
|
|
),
|
|
],
|
|
);
|
|
}
|
|
} else {
|
|
// 骨架屏
|
|
return const Text('请求中');
|
|
}
|
|
},
|
|
),
|
|
);
|
|
}
|
|
}
|