huixiang_app/lib/community/release_dynamic.dart

import 'dart:io';
import 'package:dio/dio.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter_easyloading/flutter_easyloading.dart';
import 'package:flutter_smart_dialog/flutter_smart_dialog.dart';
import 'package:flutter_svg/flutter_svg.dart';
import 'package:huixiang/generated/l10n.dart';
import 'package:huixiang/retrofit/data/base_data.dart';
import 'package:huixiang/retrofit/data/upload_result.dart';
import 'package:huixiang/retrofit/retrofit_api.dart';
import 'package:huixiang/utils/font_weight.dart';
import 'package:huixiang/view_widget/my_appbar.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:image_pickers/image_pickers.dart';
import 'package:shared_preferences/shared_preferences.dart';
import 'package:thumbnails/thumbnails.dart';

class ReleaseDynamic extends StatefulWidget {
  @override
  State<StatefulWidget> createState() {
    return _ReleaseDynamic();
  }
}

class _ReleaseDynamic extends State<ReleaseDynamic> {
  int selectCount = 9;
  List<Medias> mediaPaths = [];
  bool isRelease = false;
  int dynamicType = 0;
  TextEditingController textEditingController = TextEditingController();
  ApiService? apiService;

  @override
  void initState() {
    super.initState();

    SharedPreferences.getInstance().then((value) {
      apiService = ApiService(
        Dio(),
        context: context,
        token: value.getString("token")!,
        showLoading: false,
      );
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: MyAppBar(
        title: "写动态",
        titleColor: Colors.black,
        leadingColor: Colors.black,
        background: Colors.white,
        action: Container(
          alignment: Alignment.center,
          child: Container(
            width: 46.w,
            height: 24.h,
            alignment: Alignment.center,
            decoration: BoxDecoration(
              color: isRelease ? Color(0xFF32A060) : Color(0xFFD8D8D8),
              borderRadius: BorderRadius.circular(4),
            ),
            child: Text(
              "发布",
              style: TextStyle(
                color: isRelease ? Colors.white : Color(0xFFA0A0A0),
                fontSize: 14.sp,
                fontWeight: MyFontWeight.semi_bold,
              ),
            ),
          ),
        ),
        onTap: () {
          if (!isRelease) {
            SmartDialog.showToast("请输入您此刻的想法！～");
            return;
          }
          releaseDynamic();
        },
      ),
      body: Container(
        child: Column(
          children: [
            buildEdit(),
            Container(
              width: double.infinity,
              margin: EdgeInsets.all(16),
              padding: EdgeInsets.only(left: 16,right: 16),
              child: Row(
                crossAxisAlignment: CrossAxisAlignment.start,
                mainAxisAlignment: MainAxisAlignment.start,
                children: [
                  Text(
                    "!",
                    overflow: TextOverflow.ellipsis,
                    style: TextStyle(
                      fontWeight: MyFontWeight.semi_bold,
                      fontSize:18.sp,
                      color: Colors.red,
                    ),
                  ),
                  SizedBox(width: 10,),
                  Expanded(child: Text(
                    "用户发布内容需要等待系统审核，审核通过后才会在推荐广场展示",
                    maxLines:2,
                    overflow: TextOverflow.ellipsis,
                    style: TextStyle(
                      fontWeight: MyFontWeight.medium,
                      fontSize: 14.sp,
                      color: Colors.black,
                    ),
                  ),)
                ],
              ),
            ),
            Expanded(
              child: GridView.builder(
                gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
                  crossAxisCount: 3,
                  crossAxisSpacing: 12.w,
                  mainAxisSpacing: 12.w,
                  childAspectRatio: 1,
                ),
                padding: EdgeInsets.all(16),
                shrinkWrap: true,
                physics: NeverScrollableScrollPhysics(),
                itemBuilder: (context, position) {
                  if (mediaPaths.length > position) {
                    return imageItem(mediaPaths[position]);
                  } else {
                    return addImageItem();
                  }
                },
                itemCount: (mediaPaths.length == 0)
                    ? 1
                    : ((dynamicType == 2)
                        ? 1
                        : mediaPaths.length >= 9
                            ? 9
                            : (mediaPaths.length + 1)),
              ),
            ),
          ],
        ),
      ),
    );
  }

  releaseDynamic() async {
    String dynamicText = textEditingController.text;
    if (dynamicText == null || dynamicText == "") {
      SmartDialog.showToast("请输入您此刻的想法！");
      return;
    }
    EasyLoading.show(status: S.of(context).zhengzaijiazai);

    fileUpload().then((value) async {
      String subjectType = "text";
      if (dynamicType == 0) {
        subjectType = "text";
      } else if (dynamicType == 1) {
        subjectType = "image";
      } else if (dynamicType == 2) {
        subjectType = "video";
      }

      List<String?> remoteImageUrls = [];
      String? remoteVideoUrl = "";
      String? remoteVideoCoverImg = "";
      if (mediaPaths.length > 0) {
        if (dynamicType == 1) {
          remoteImageUrls = mediaPaths.map((e) => e.remotePath).toList();
        } else if (dynamicType == 2) {
          remoteVideoUrl = mediaPaths[0].remotePath;
          remoteVideoCoverImg = mediaPaths[0].thumbPath;
        }
      }

      BaseData<bool> baseData = await apiService!.trend({
        "images": remoteImageUrls,
        "subject": dynamicText,
        "subjectType": subjectType,
        "video": remoteVideoUrl,
        "coverImg": remoteVideoCoverImg,
      }).catchError((onError) {
        EasyLoading.dismiss();
      });
      if (baseData.isSuccess) {
        SmartDialog.showToast("发布成功！");
        Future.delayed(Duration(seconds: 1), () {
          Navigator.of(context).pop(true);
        });
      }
      EasyLoading.dismiss();
    });
  }

  ///文件上传
  Future<void> fileUpload() async {
    if (mediaPaths != null && mediaPaths.length > 0) {
      await Future.forEach(mediaPaths, (element) async {
        element = (element as Medias);
        if ((element.remotePath == null || element.remotePath == "") &&
            (element != null &&
                element.path != null &&
                element.path != "" &&
                await File(element.path!).exists())) {
          File file = File(element.path!);
          if (dynamicType == 2) {
            String thumbnail;
            if (element.thumbPath != null &&
                element.thumbPath != "" &&
                await File(element.thumbPath!).exists()) {
              thumbnail = element.thumbPath!;
            } else {
              thumbnail = await Thumbnails.getThumbnail(
                videoFile: file.path,
                imageType: ThumbFormat.JPEG,
                quality: 10,
              );
            }
            if (thumbnail != null &&
                thumbnail != "" &&
                await File(thumbnail).exists()) {
              BaseData<UploadResult> baseData = await apiService!.upload(
                File(thumbnail),
                123123123,
                  dynamicType == 2
              );
              if (baseData != null && baseData.isSuccess) {
                UploadResult uploadResult = baseData.data;
                mediaPaths[mediaPaths.indexOf(element)].thumbPath =
                    uploadResult.url;
              }
            }
          }
          BaseData<UploadResult> baseData = await apiService!.upload(
            file,
            123123123,
              dynamicType == 2
          );
          if (baseData != null && baseData.isSuccess) {
            UploadResult uploadResult = baseData.data;
            mediaPaths[mediaPaths.indexOf(element)].remotePath =
                uploadResult.url;
          }
        }
      });
    }
  }

  Widget imageItem(Medias media) {
    return InkWell(
      onTap: () {
        showDeletePicker(media);
      },
      child: Container(
        decoration: BoxDecoration(
          borderRadius: BorderRadius.circular(4),
        ),
        alignment: Alignment.center,
        child: ClipRRect(
          borderRadius: BorderRadius.circular(4),
          child: Image.file(
            File(media.galleryMode == GalleryMode.video
                ? media.thumbPath!
                : media.path!),
            fit: BoxFit.cover,
            width: double.infinity,
            height: double.infinity,
          ),
        ),
      ),
    );
  }

  ///显示图片选择方式
  showImagePicker() {

    FocusScope.of(context).requestFocus(FocusNode());

    if (dynamicType == 1) {
      getImageOrVideo(GalleryMode.image);
      return;
    }
    showCupertinoModalPopup(
        context: context,
        builder: (context) {
          return CupertinoActionSheet(
            title: Text("选择媒体文件"),
            actions: [
              CupertinoActionSheetAction(
                child: Text("照片"),
                onPressed: () {
                  getImageOrVideo(GalleryMode.image);
                  Navigator.of(context).pop();
                },
                isDefaultAction: true,
                isDestructiveAction: false,
              ),
              CupertinoActionSheetAction(
                child: Text("视频"),
                onPressed: () {
                  getImageOrVideo(GalleryMode.video);
                  Navigator.of(context).pop();
                },
                isDefaultAction: true,
                isDestructiveAction: false,
              ),
            ],
            cancelButton: CupertinoActionSheetAction(
              onPressed: () {
                Navigator.of(context).pop();
              },
              child: Text(S.of(context).quxiao),
              isDestructiveAction: true,
            ),
          );
        });
  }

  ///显示图片选择方式
  showDeletePicker(Medias media) {
    showCupertinoModalPopup(
        context: context,
        builder: (context) {
          return CupertinoActionSheet(
            title: Text("动态"),
            actions: [
              CupertinoActionSheetAction(
                child: Text("删除"),
                onPressed: () {
                  mediaPaths.remove(media);
                  if (mediaPaths.length == 0) {
                    dynamicType = 0;
                  }
                  selectCount = 9 - mediaPaths.length;
                  Navigator.of(context).pop();
                  setState(() {});
                },
                isDefaultAction: true,
                isDestructiveAction: false,
              ),
            ],
            cancelButton: CupertinoActionSheetAction(
              onPressed: () {
                Navigator.of(context).pop();
              },
              child: Text(S.of(context).quxiao),
              isDestructiveAction: true,
            ),
          );
        });
  }

  Widget addImageItem() {
    return InkWell(
      onTap: () {
        showImagePicker();
      },
      child: Container(
        decoration: BoxDecoration(
          color: Color(0xFFF2F2F2),
          borderRadius: BorderRadius.circular(4),
        ),
        alignment: Alignment.center,
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          crossAxisAlignment: CrossAxisAlignment.center,
          children: [
            SvgPicture.asset(
              "assets/svg/zhaopianshipin.svg",
              width: 48,
              height: 48,
              fit: BoxFit.contain,
            ),
            Text(
              "照片/视频",
              style: TextStyle(
                fontWeight: MyFontWeight.semi_bold,
                fontSize: 15.sp,
                color: Color(0xFFCDCCCC),
              ),
            ),
          ],
        ),
      ),
    );
  }

  Future getImageOrVideo(GalleryMode galleryMode) async {
    if (selectCount == 0) return;
    List<Media> medias = await ImagePickers.pickerPaths(
      galleryMode: galleryMode,
      selectCount: (galleryMode == GalleryMode.video) ? 1 : selectCount,
      showGif: true,
      showCamera: false,
      compressSize: 500,
      uiConfig: UIConfig(
        uiThemeColor: Color(0xFFFFFFFF),
      ),
      cropConfig: CropConfig(
        enableCrop: false,
        width: 200,
        height: 200,
      ),
    );

    mediaPaths.addAll(medias.map((e) => Medias(e)).toList());
    selectCount = 9 - mediaPaths.length;

    if (mediaPaths.length > 0) {
      if (galleryMode == GalleryMode.image) {
        dynamicType = 1;
      } else {
        dynamicType = 2;
      }
    }

    setState(() {});
  }

  ///动态输入框
  Widget buildEdit() {
    return Container(
      height: 174.h,
      margin: EdgeInsets.symmetric(horizontal: 16.w),
      decoration: BoxDecoration(
        border: Border(
          bottom: BorderSide(
            width: 1.w,
            color: Color(0xFFD8D8D8),
            style: BorderStyle.solid,
          ),
        ),
      ),
      child: Column(
        children: [
          TextField(
            controller: textEditingController,
            maxLines: 5,
            style: TextStyle(
              fontSize: 14.sp,
              fontWeight: MyFontWeight.medium,
              color: Color(0xFF4C4C4C),
            ),
            onChanged: (text) {
              bool release = text != "" && text != null;
              if (release != isRelease) {
                isRelease = release;
                setState(() {});
              }
            },
            decoration: InputDecoration(
              contentPadding: EdgeInsets.symmetric(
                vertical: 18.h,
              ),
              errorBorder: InputBorder.none,
              focusedBorder: InputBorder.none,
              enabledBorder: InputBorder.none,
              hintText: "此时此刻的想法~",
              hintStyle: TextStyle(
                fontSize: 14.sp,
                color: Color(0xFFA29E9E),
              ),
            ),
          ),
          Row(
            children: [
              Container(
                margin: EdgeInsets.only(top: 8, right: 8),
                padding: EdgeInsets.only(left:10, right:8),
                height: 21.h,
                alignment: Alignment.center,
                decoration: BoxDecoration(
                  borderRadius: BorderRadius.circular(10.5),
                  color: Color(0xFFF2F2F2),
                ),
                child: Row(
                  children: [
                    Image.asset(
                      "assets/image/icon_union_location_black.png",
                      color: Color(0xFFB3B2B2),
                      width: 16,
                      height: 16,
                    ),
                    SizedBox(width:2,),
                    Text(
                      "你在哪里呢？",
                      overflow:TextOverflow.ellipsis,
                      style: TextStyle(
                        fontSize: 11.sp,
                        fontWeight: MyFontWeight.medium,
                        color: Color(0xFFB3B2B2),
                      ),
                    ),
                  ],
                )
              ),
              Spacer(),
              Align(alignment: Alignment.centerRight,
              child:Icon(
                Icons.close,
                color: Colors.black,
                size: 16,
              ),)
            ],
          ),
        ],
      )
    );
  }
}

class Medias {
  // Media media;

  Medias(Media media) {
    this.thumbPath = media.thumbPath;
    this.path = media.path;
    this.galleryMode = media.galleryMode;
  }

  String? thumbPath;
  String? path;
  GalleryMode? galleryMode;
  String? remotePath;
}