Files
zh-chat-flutter/lib/views/moments/index/index_page.dart
2022-10-20 14:33:16 +08:00

91 lines
3.0 KiB
Dart

import 'package:chat/controllers/moment_controller.dart';
import 'package:chat/models/moment/moment_model.dart';
import 'package:chat/views/moments/index/widgets/moment_header.dart';
import 'package:chat/views/moments/index/widgets/moment_list_item.dart';
import 'package:chat/views/moments/index/widgets/moment_list_reply.dart';
import 'package:chat/widgets/custom_easy_refresh.dart';
import 'package:flutter/material.dart';
import 'package:flutter_easyrefresh/easy_refresh.dart';
import 'package:get/get.dart';
class MomentsPage extends StatelessWidget {
const MomentsPage({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
final ctrl = MomentController.to;
return Scaffold(
body: Padding(
padding:
EdgeInsets.only(bottom: MediaQuery.of(context).viewPadding.bottom),
child: EasyRefresh.custom(
scrollController: ctrl.scrollController,
controller: ctrl.refreshController,
header: LinkHeader(
ctrl.headerNotifier,
extent: 70.0,
triggerDistance: 70.0,
completeDuration: const Duration(milliseconds: 500),
),
footer: CustomEasyRefresh.footer,
onRefresh: () => ctrl.refreshList(),
onLoad: () => ctrl.loadMoreList(),
slivers: [
MomentHeader(
linkNotifier: ctrl.headerNotifier,
onTitleDoubleTap: () {
ctrl.scrollController.animateTo(
0,
duration: const Duration(milliseconds: 300),
curve: Curves.fastOutSlowIn,
);
},
),
Obx(() {
final momentList = ctrl.momentData.value?.data ?? [];
if (momentList.isEmpty) {
return SliverFillRemaining(
child: CustomEasyRefresh.empty(text: '暂无动态内容'),
);
}
return SliverList(
delegate: SliverChildBuilderDelegate(
(context, index) {
if (index.isEven) {
final i = (index / 2).round();
return momentItemWidget(i, momentList[i]);
} else {
return const Divider();
}
},
childCount: (momentList.length * 2) - 1,
),
);
})
],
),
),
);
}
Widget momentItemWidget(int index, MomentItemModel item) {
return Column(children: [
GestureDetector(
behavior: HitTestBehavior.opaque,
onTap: () => MomentController.to.pushToDetail(index),
child: MomentListItem(item: item),
),
Padding(
padding: const EdgeInsets.only(left: 50),
child: MomentListItemReplay(
index: index,
item: item,
maxDisplayCount: 3,
maxLine: 2,
reply: (value) =>
MomentController.to.showReplyBar(item.dynamicId!, value),
),
),
]);
}
}