huixiang_app/lib/view_widget/message_item.dart

import 'package:flutter/material.dart';

class MessageItem extends StatefulWidget {
  final Function(bool) onChanged;
  final int stststatus;
  MessageItem(this.stststatus, this.onChanged);

  @override
  _MessageItemState createState() => _MessageItemState();
}

class _MessageItemState extends State<MessageItem> {
  @override
  Widget build(BuildContext context) {
    return Row(
      children: [
        if (widget.stststatus != 0) checkView(),
        Container(
          margin: EdgeInsets.only(left: widget.stststatus == 0 ? 16 : 0),
          child: Image.network(
            "https://t7.baidu.com/it/u=1297102096,3476971300&fm=193&f=GIF",
            width: 44,
            fit: BoxFit.cover,
            height: 44,
          ),
        ),
        Expanded(
            flex: 1,
            child: Container(
              margin: EdgeInsets.only(left: 16, right: 16),
              height: 44,
              child: Column(
                mainAxisAlignment: MainAxisAlignment.spaceAround,
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  Row(
                    mainAxisAlignment: MainAxisAlignment.spaceBetween,
                    crossAxisAlignment: CrossAxisAlignment.center,
                    children: [
                      Text(
                        "海峡姐妹",
                        style: TextStyle(
                            fontWeight: FontWeight.bold,
                            fontSize: 14,
                            color: Color(0xFF060606)),
                      ),
                      Text(
                        "2021.03.08 13:22",
                        style:
                            TextStyle(fontSize: 10, color: Color(0xFFA29E9E)),
                      ),
                    ],
                  ),
                  Row(
                    mainAxisAlignment: MainAxisAlignment.spaceBetween,
                    crossAxisAlignment: CrossAxisAlignment.center,
                    children: [
                      Expanded(
                          flex: 1,
                          child: Text(
                            "2021由她上，三八妇女节感恩回馈！三八妇女节,五一劳动节，六一儿童节",
                            overflow: TextOverflow.ellipsis,
                            style: TextStyle(
                                fontSize: 10, color: Color(0xFF353535)),
                          )),
                      if (widget.stststatus == 0)
                        Container(
                          width: 10,
                          height: 10,
                          alignment: Alignment.center,
                          margin: EdgeInsets.only(left: 17),
                          decoration: BoxDecoration(
                              color: Colors.red,
                              borderRadius:
                                  BorderRadius.all(Radius.circular(5))),
                          child: Text(
                            "1",
                            style: TextStyle(
                                fontSize: 7, color: Color(0xFFFFFFFF)),
                          ),
                        )
                    ],
                  ),
                ],
              ),
            )),
      ],
    );
  }

  var _isCheck = false;

  Widget checkView() {
    return GestureDetector(
      onTap: () {
        setState(() {
          _isCheck = !_isCheck;
        });
        if (widget.onChanged != null) {
          widget.onChanged.call(_isCheck);
        }
      },
      child: Container(
          padding: EdgeInsets.all(16),
          alignment: Alignment.center,
          child: Image.asset(
            _isCheck
                ? "assets/image/icon_radio_unselected.png"
                : "assets/image/icon_radio_selected.png",
            width: 16,
            height: 16,
          )),
    );
  }
}