mod: rcmd FutureBuilder

This commit is contained in:
guozhigq
2024-02-04 23:03:24 +08:00
parent b0d8f5d0b6
commit a560d66567
3 changed files with 43 additions and 19 deletions

View File

@ -3,5 +3,5 @@ enum RcmdType { web, app, notLogin }
extension RcmdTypeExtension on RcmdType {
String get values => ['web', 'app', 'notLogin'][index];
String get labels => ['web端', 'app端', '模拟未登录'][index];
String get labels => ['web端', 'app端', '游客模式'][index];
}

View File

@ -28,7 +28,7 @@ class RcmdController extends GetxController {
setting.get(SettingBoxKey.enableSaveLastData, defaultValue: false);
defaultRcmdType =
setting.get(SettingBoxKey.defaultRcmdType, defaultValue: 'web');
if (defaultRcmdType == 'web'){
if (defaultRcmdType == 'web') {
videoList = <RecVideoItemModel>[].obs;
} else {
videoList = <RecVideoItemAppModel>[].obs;
@ -43,7 +43,7 @@ class RcmdController extends GetxController {
if (type == 'onRefresh') {
_currentPage = 0;
}
late final Map<String,dynamic> res;
late final Map<String, dynamic> res;
switch (defaultRcmdType) {
case 'app':
case 'notLogin':
@ -77,13 +77,14 @@ class RcmdController extends GetxController {
_currentPage += 1;
// 若videoList数量太小可能会影响翻页此时再次请求
// 为避免请求到的数据太少时还在反复请求要求本次返回数据大于1条才触发
if (res['data'].length > 1 && videoList.length < 10){
if (res['data'].length > 1 && videoList.length < 10) {
queryRcmdFeed('onLoad');
}
} else {
Get.snackbar('提示', res['msg']);
}
isLoadingMore = false;
return res;
}
// 下拉刷新

View File

@ -7,7 +7,7 @@ import 'package:get/get.dart';
import 'package:pilipala/common/constants.dart';
import 'package:pilipala/common/skeleton/video_card_v.dart';
import 'package:pilipala/common/widgets/animated_dialog.dart';
// import 'package:pilipala/common/widgets/http_error.dart';
import 'package:pilipala/common/widgets/http_error.dart';
import 'package:pilipala/common/widgets/overlay_pop.dart';
import 'package:pilipala/common/widgets/video_card_v.dart';
import 'package:pilipala/pages/home/index.dart';
@ -25,6 +25,7 @@ class RcmdPage extends StatefulWidget {
class _RcmdPageState extends State<RcmdPage>
with AutomaticKeepAliveClientMixin {
final RcmdController _rcmdController = Get.put(RcmdController());
late Future _futureBuilderFuture;
@override
bool get wantKeepAlive => true;
@ -32,7 +33,7 @@ class _RcmdPageState extends State<RcmdPage>
@override
void initState() {
super.initState();
_rcmdController.queryRcmdFeed('init');
_futureBuilderFuture = _rcmdController.queryRcmdFeed('init');
ScrollController scrollController = _rcmdController.scrollController;
StreamController<bool> mainStream =
Get.find<MainController>().bottomBarStream;
@ -88,19 +89,41 @@ class _RcmdPageState extends State<RcmdPage>
slivers: [
SliverPadding(
padding:
const EdgeInsets.fromLTRB(0, StyleString.safeSpace, 0, 0),
sliver: Obx(() { // 使用Obx来监听数据的变化
if (_rcmdController.isLoadingMore && _rcmdController.videoList.isEmpty) {
return contentGrid(_rcmdController, []);
// 如果正在加载并且列表为空,则显示加载指示器
// return const SliverToBoxAdapter(
// child: Center(child: CircularProgressIndicator()),
// );
} else {
// 显示视频列表
return contentGrid(_rcmdController, _rcmdController.videoList);
}
}),
const EdgeInsets.fromLTRB(0, StyleString.safeSpace, 0, 0),
sliver: FutureBuilder(
future: _futureBuilderFuture,
builder: (context, snapshot) {
if (snapshot.connectionState == ConnectionState.done) {
Map data = snapshot.data as Map;
if (data['status']) {
return Obx(
() {
if (_rcmdController.isLoadingMore &&
_rcmdController.videoList.isEmpty) {
return contentGrid(_rcmdController, []);
} else {
// 显示视频列表
return contentGrid(
_rcmdController, _rcmdController.videoList);
}
},
);
} else {
return HttpError(
errMsg: data['msg'],
fn: () {
setState(() {
_futureBuilderFuture =
_rcmdController.queryRcmdFeed('init');
});
},
);
}
} else {
return contentGrid(_rcmdController, []);
}
},
),
),
LoadingMore(ctr: _rcmdController),
],