huixiang_app/lib/community/community_view/community_dynamic.dart

import 'package:flutter/material.dart';
import 'package:flutter_svg/flutter_svg.dart';
import 'package:huixiang/utils/font_weight.dart';
import 'package:huixiang/view_widget/icon_text.dart';
import 'package:huixiang/view_widget/round_button.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';

class CommunityDynamic extends StatefulWidget {

  final int itemCount;
  final Function(double height) heightFun;
  final bool isDetails ;

  CommunityDynamic({
    Key key,
    this.itemCount = 9,
    this.heightFun,
    this.isDetails = false,
  }) : super(key: key);

  @override
  State<StatefulWidget> createState() {
    return _CommunityDynamic();
  }
}

class _CommunityDynamic extends State<CommunityDynamic> {

  GlobalKey globalKey = GlobalKey();
  double height = 0;

  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        Container(
          alignment: Alignment.topCenter,
          padding: EdgeInsets.all(16),
          decoration: BoxDecoration(
            color: Colors.white,
            boxShadow: [
              BoxShadow(
                color: Color(0x08000000),
                offset: Offset(0, 1),
                blurRadius: 8,
                spreadRadius: 0,
              ),
            ],
          ),
          child: Column(
            key: globalKey,
            mainAxisAlignment: MainAxisAlignment.center,
            crossAxisAlignment: CrossAxisAlignment.start,
            mainAxisSize: MainAxisSize.min,
            children: [
              Row(
                mainAxisAlignment: MainAxisAlignment.spaceBetween,
                crossAxisAlignment: CrossAxisAlignment.center,
                children: [
                  Container(
                    height: 44,
                    child: Row(
                      children: [
                        ClipRRect(
                          child: Image.asset(
                            "assets/image/default_user.png",
                            width: 44,
                            height: 44,
                          ),
                          borderRadius: BorderRadius.circular(22),
                        ),
                        SizedBox(
                          width: 8,
                        ),
                        Column(
                          mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                          crossAxisAlignment: CrossAxisAlignment.start,
                          children: [
                            Text(
                              "百花谷",
                              style: TextStyle(
                                fontSize: 14.sp,
                                fontWeight: MyFontWeight.medium,
                                color: Color(0xFF1A1A1A),
                              ),
                            ),
                            Text(
                              "2021.04.12",
                              style: TextStyle(
                                fontSize: 12.sp,
                                fontWeight: MyFontWeight.regular,
                                color: Color(0xFF808080),
                              ),
                            ),
                          ],
                        ),
                      ],
                    ),
                  ),
                  RoundButton(
                    padding: EdgeInsets.symmetric(
                      horizontal: 8,
                      vertical: 3,
                    ),
                    backgroup: Color(0xFF32A060),
                    textColor: Colors.white,
                    text: "关注",
                    radius: 20,
                    icons: SvgPicture.asset(
                      "assets/svg/shequ_fabu.svg",
                      fit: BoxFit.contain,
                      color: Colors.white,
                      width: 14,
                      height: 14,
                    ),
                  ),
                ],
              ),
              SizedBox(
                height: 12.h,
              ),
              Text(
                "文本，是指书面语言的表现形式，从文学角度说，通常是具有完整、系统含义（Message）的一个句子或多个句子的组说，通常是具有完整、系统含义（Message）的一个句子或多个句子的组或多个句子的组说。",
                maxLines: 5,
                overflow: TextOverflow.ellipsis,
                style: TextStyle(
                  color: Color(0xFF1A1A1A),
                  fontWeight: MyFontWeight.regular,
                  fontSize: 14.sp,
                ),
              ),
              SizedBox(
                height: 16.h,
              ),
              if (widget.itemCount == 1)
                Container(
                  width: MediaQuery.of(context).size.width / 2,
                  height: MediaQuery.of(context).size.width,
                  color: Colors.blue.withAlpha(123),
                )
              else
                GridView.builder(
                  gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
                    crossAxisCount:
                    (widget.itemCount == 2 || widget.itemCount == 4) ? 2 : 3,
                    crossAxisSpacing: 12.w,
                    mainAxisSpacing: 12.w,
                    childAspectRatio: 1,
                  ),
                  padding: EdgeInsets.zero,
                  shrinkWrap: true,
                  physics: NeverScrollableScrollPhysics(),
                  itemBuilder: (context, position) {
                    return Container(
                      color: Colors.blue.withAlpha(123),
                    );
                  },
                  itemCount: widget.itemCount,
                ),
              if (!widget.isDetails)
                SizedBox(
                  height: 12.h,
                ),
              if (!widget.isDetails)
                Row(
                  mainAxisAlignment: MainAxisAlignment.spaceBetween,
                  crossAxisAlignment: CrossAxisAlignment.center,
                  children: [
                    IconText(
                      "58",
                      space: 4.w,
                      leftImage: "assets/svg/liulanliang.svg",
                      iconSize: 16,
                    ),
                    IconText(
                      "58",
                      space: 4.w,
                      leftImage: "assets/svg/pinglun.svg",
                      iconSize: 16,
                    ),
                    IconText(
                      "58",
                      space: 4.w,
                      leftImage: "assets/svg/xihuan.svg",
                      iconSize: 16,
                    ),
                  ],
                ),
            ],
          ),
        ),
        Container(
          height: 16,
          color: Color(0xFFF7F7F7),
        )
      ],
    );
  }


  @override
  void didChangeDependencies() {
    WidgetsBinding.instance.addPostFrameCallback(_getContainerHeight);
    super.didChangeDependencies();
  }

  _getContainerHeight(_) {
    height = globalKey.currentContext.size.height;
    widget.heightFun(height);
    print("height: $height");
  }

}