import 'package:dating_touchme_app/generated/assets.dart';
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';

class RealHomeTimelineItem extends StatefulWidget {
  const RealHomeTimelineItem({super.key});

  @override
  State<RealHomeTimelineItem> createState() => _RealHomeTimelineItemState();
}

class _RealHomeTimelineItemState extends State<RealHomeTimelineItem> {
  @override
  Widget build(BuildContext context) {
    return ClipRRect(
      borderRadius: BorderRadius.all(Radius.circular(8.w)),
      child: Container(
        width: 170.w,
        height: 205.w,
        color: Colors.white,
        child: Column(
          children: [
            Image.asset(
              Assets.imagesUserAvatar,
              width: 170.w,
              height: 170.w,
            ),
            Container(
              width: 170.w,
              height: 35.w,
              color: Colors.white,
              padding: EdgeInsets.symmetric(horizontal: 10.w),
              child: Row(
                mainAxisAlignment: MainAxisAlignment.spaceBetween,
                children: [
                  Row(
                    children: [
                      ClipRRect(
                        borderRadius: BorderRadius.all(Radius.circular(23.w)),
                        child: Image.asset(
                          Assets.imagesUserAvatar,
                          width: 23.w,
                          height: 23.w,
                        ),
                      ),
                      SizedBox(width: 3.w,),
                      Text(
                        "大西瓜",
                        style: TextStyle(
                          fontSize: 12.w,
                          fontWeight: FontWeight.w400
                        ),
                      )
                    ],
                  ),
                  Row(
                    children: [
                      Row(
                        children: [
                          Image.asset(
                            (false) ? Assets.imagesLikeActive : Assets.imagesLikeIcon,
                            width: 14.w,
                            height: 12.w,
                          ),
                          SizedBox(width: 6.w,),
                          Text(
                            "${23}",
                            style: TextStyle(
                                fontSize: 11.w,
                                color: const Color.fromRGBO(144, 144, 144, .6)
                            ),
                          )
                        ],
                      )
                    ],
                  )
                ],
              ),
            )
          ],
        ),
      ),
    );
  }
}