123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169 |
- import 'package:cs_resources/generated/assets.dart';
- import 'package:flutter/material.dart';
- import 'package:auto_route/auto_route.dart';
- import 'package:flutter/rendering.dart';
- import 'package:flutter_hooks/flutter_hooks.dart';
- import 'package:hooks_riverpod/hooks_riverpod.dart';
- import 'package:router/ext/auto_router_extensions.dart';
- import 'package:shared/utils/color_utils.dart';
- import 'package:shared/utils/log_utils.dart';
- import 'package:widgets/my_button.dart';
- import 'package:widgets/my_load_image.dart';
- import 'package:widgets/ext/ex_widget.dart';
- import 'package:widgets/my_text_view.dart';
- import 'package:widgets/my_appbar.dart';
- import 'package:cs_resources/theme/app_colors_theme.dart';
- import 'package:widgets/widget_export.dart';
- import '../../../components/newfeed_card_header.dart';
- import '../../../components/newsfeed_card_content.dart';
- import '../../../components/newsfeed_card_footer.dart';
- import '../../../router/page/community_page_router.dart';
- import 'news_vm.dart';
- @RoutePage()
- class NewsPage extends HookConsumerWidget {
- const NewsPage({Key? key}) : super(key: key);
-
- static void startInstance({BuildContext? context}) {
- if (context != null) {
- context.router.push(const NewsPageRoute());
- } else {
- appRouter.push(const NewsPageRoute());
- }
- }
- @override
- Widget build(BuildContext context, WidgetRef ref) {
- final vm = ref.read(newsVmProvider.notifier);
- return Scaffold(
-
-
-
-
-
-
- body: Column(
- children: [
- Expanded(
- child: EasyRefresh(
-
- onLoad: () async{
- Log.d("----onLoad");
- vm.onLoadData();
- },
-
- onRefresh: () async{
- Log.d("----onRefresh");
- vm.refreshListData();
- },
- child: _buildNewsFeedList(context, ref, vm),
- ),
- )
- ],
- )
- );
- }
- Widget _buildNewsItem(BuildContext context, WidgetRef ref, item, vm){
- return Container(
- width: double.infinity,
-
- child: Stack(
- children: [
- Container(
- margin: const EdgeInsets.only(left: 15, right: 15,top: 14,bottom: 14),
- color: Colors.white,
- padding: const EdgeInsets.only(left: 15, right: 15,top: 17,bottom: 17),
- height: 280,
- child: Column(
- mainAxisAlignment: MainAxisAlignment.center,
- crossAxisAlignment: CrossAxisAlignment.start,
- children: [
-
- NewsFeedCardHeader(
- key: UniqueKey(),
- title: item['title'],
- avator: item['avator'],
- time: item['time'],
- ),
- const SizedBox(height: 15),
-
- Expanded(
- child: NewsFeedCardContent(
- key: UniqueKey(),
- content: item['content'],
- imageUrls: item['imageUrls'],
- ),
- ),
- const SizedBox(height: 26),
-
- NewsFeedCardFooter(
- key: UniqueKey(),
- isLike: item['isLike'],
- onLike: (){
- vm.handlerClickActionBtn('like', item);
- },
- onComment: (){
- vm.handlerClickActionBtn('comments', item);
- },
- onShare: (){
- vm.handlerClickActionBtn('share', item);
- },
- ),
- ]
- ),
- ),
-
- Visibility(
- visible: !item['isFollow'],
- child: Positioned(
- right: 40,
- top: 35,
- child: Container(
- width: 83.5,
- height: 45.5,
- alignment: Alignment.center,
-
-
-
-
- child: MyButton(
- text: '+Follow',
- textColor: Colors.white,
- backgroundColor: ColorUtils.string2Color('#4161D0'),
- radius: 8,
- minHeight: 27.5,
- padding: const EdgeInsets.only(left: 5, right: 5,top:9,bottom:9),
- fontWeight: FontWeight.w400,
- fontSize: 14,
- onPressed: (){
-
- },
- ),
- )
- ),
- )
- ],
- ),
- );
- }
- Widget _buildNewsFeedList(BuildContext context, WidgetRef ref, vm){
- final itemList = vm.state.list?? [];
- if(itemList.isEmpty){
- return const Center(child: Text('No Data'));
- }else {
- List itemsList = vm.state.list.toList();
- return ListView.builder(
- key: UniqueKey(),
- itemCount: itemsList.length,
- itemBuilder: (context, index) {
- return _buildNewsItem(context, ref, itemsList[index], vm);
- },
- );
- }
-
- }
- }
|