YYHome/packages/cpt_community/lib/components/newsfeed_card_content.dart

import 'package:auto_route/src/route/page_route_info.dart';
import 'package:cpt_community/components/comments_dialog.dart';
import 'package:cpt_community/modules/community/community_page.dart';
import 'package:cs_resources/theme/app_colors_theme.dart';
import 'package:flutter/material.dart';
import 'package:flutter/widgets.dart';
import 'package:plugin_basic/modules/global_web_page.dart';
import 'package:plugin_basic/modules/preview_photo_page.dart';
import 'package:router/componentRouter/component_service_manager.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/ext/ex_widget.dart';
import 'package:widgets/my_load_image.dart';
import 'package:widgets/my_text_view.dart';

// 'id':1,
// 'avator': Assets.communityCamera,
// 'title': 'William Jefferson',
// 'isFollow': false,
// 'content': 'She said YES and our lives changed.Thank you all for coming to my propose today.We hope everyone can ……[More]',
// 'imageUrls': ['https://img2.baidu.com/it/u=3489233687,2364672159&fm=253&fmt=auto&app=120&f=JPEG?w=507&h=500','https://img2.baidu.com/it/u=3489233687,2364672159&fm=253&fmt=auto&app=120&f=JPEG?w=507&h=500','https://img2.baidu.com/it/u=3489233687,2364672159&fm=253&fmt=auto&app=120&f=JPEG?w=507&h=500'],
// 'time': 'June 17,2016 at 7:23 p.m.',
// 'likeno': 12

class NewsFeedCardContent extends StatelessWidget {
  final String content;
  final List<dynamic>? imageUrls;
  int? rowMaxImageNum=3;
  int? textMaxLines = 3;
  bool? isPreviewImage = true;
  NewsFeedCardContent({
    Key? key,
    required this.content,
    required List<dynamic> this.imageUrls,
    this.rowMaxImageNum = 3,
    this.textMaxLines = 3,
    this.isPreviewImage = true,
  }) : super(key: key);


  @override
  Widget build(BuildContext context) {
    List imageUrlsList = [];
    if(imageUrls != null && imageUrls!.isNotEmpty){
      // dart 取出 imageUrls 里面的前 rowMaxImageNum 张图片
      imageUrlsList = imageUrls!.take(rowMaxImageNum!).toList();
    }
    int totalImageCount = imageUrls!.length;
    int otherImageCount = imageUrls!.length - rowMaxImageNum!;
    int rowActualImageCount = imageUrls!.length > rowMaxImageNum! ? rowMaxImageNum! : imageUrls!.length;
    return LayoutBuilder(
        builder: (BuildContext context, BoxConstraints constraints) {
          final maxHeight = constraints.maxHeight;
          final minHeight = constraints.minHeight;
          final maxWidth = constraints.maxWidth;
          Log.d("---maxHeight-----$maxHeight-- $minHeight  $maxWidth--");
          return Container(
            width: double.infinity,
            // color: Colors.red,
            padding: const EdgeInsets.symmetric(horizontal: 15),
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  MyTextView(
                    content,
                    textColor: context.appColors.textBlack,
                    fontSize: 15,
                    maxLines: textMaxLines,
                    isTextEllipsis: true,
                  ),
                  const SizedBox(height: 12),
                  // 图片
                  _buildImageSection(
                      context,
                      isPreviewImage!,
                      maxWidth - 15,
                      imageUrlsList,
                      imageUrls,
                      totalImageCount,
                      otherImageCount,
                      rowMaxImageNum!
                  ),
                ]
            )
          );
      }
    );
  }


  Widget _buildImageSection(BuildContext context,bool isPreviewImage, double maxWidth, List? imageUrls,List? totalImageUrls, int totalImageCount, int otherImageCount, int rowMaxImageNum) {
    if (imageUrls != null && imageUrls!.isNotEmpty) {
      final imageCount = imageUrls.length;
      return SizedBox(
        width: maxWidth,
        height: 87,
        child: Row(
          mainAxisAlignment: MainAxisAlignment.start,
          children: List.generate(
              imageUrls.length,
              (index) => Container(
                height: 87,
                width: maxWidth/imageCount - 16,
                margin: EdgeInsets.only(right: (index!=imageCount-1) ? 16 : 0 ),
                // color: ColorUtils.string2Color("#F2F3F6"),
                child:Stack(
                    children: [
                      MyLoadImage(
                        imageUrls[index],
                        height: 87,
                        // width: maxWidth/imageCount - 16,
                        width: (totalImageCount < rowMaxImageNum)? maxWidth/rowMaxImageNum - 16 : maxWidth/imageCount - 16,
                        fit: BoxFit.cover,
                        // fit:BoxFit.fitWidth,
                        cornerRadius: 5,
                        onClick: (){
                          if(isPreviewImage){
                            // 点击图片预览
                            // 过滤掉非字符串类型的元素
                            List<String> filteredImages = totalImageUrls?.whereType<String>().toList() ?? [];
                            PreviewPhotoPage.startInstance(context: context, images: filteredImages, position: index);
                          }
                        },
                      ),
                      otherImageCount > 0 && index == imageCount-1 ?
                        Positioned(
                        bottom: 0,
                        right: 0,
                        child: Container(
                          padding: const EdgeInsets.symmetric(horizontal: 5, vertical: 2),
                          color: context.appColors.textBlack.withOpacity(0.5),
                          child: MyTextView(
                            "+$otherImageCount",
                            textColor: Colors.white,
                            fontSize: 12,
                          ),
                        ),
                      ): const SizedBox.shrink(),
                    ]
                  )
              ),
          )
        )
            );
      } else {
        return const SizedBox.shrink();
      }
    }
}