wind/lib/message_item_view.dart

import 'package:flutter/material.dart';

class MessageItemView extends StatelessWidget {
  const MessageItemView({Key? key, required this.item, required this.isOpPost})
      : super(key: key);

  final MessageItem item;
  final bool isOpPost;

  @override
  Widget build(BuildContext context) {
    return Container(
        margin: this.isOpPost ? EdgeInsets.only(bottom: 10) : EdgeInsets.all(0),
        child: Card(
            elevation: 5,
            child: InkWell(
              splashColor: Colors.indigo.withAlpha(30),
              onTap: () => {},
              child: Column(
                crossAxisAlignment: CrossAxisAlignment.start,
                mainAxisSize: MainAxisSize.min,
                children: [
                  isOpPost
                      ? Container(
                          child: Text(
                            item.subject!,
                            style: TextStyle(
                                fontWeight: FontWeight.bold, fontSize: 21),
                          ),
                          margin: EdgeInsets.only(top: 16, left: 16, right: 16),
                        )
                      : Container(),
                  Container(
                    child: Row(
                      children: [
                        Text(
                          item.author,
                          style: TextStyle(
                              fontWeight: FontWeight.normal,
                              color: Colors.blue,
                              fontSize: 15),
                        ),
                        SizedBox(width: 5),
                        Text(
                          item.date,
                          style: TextStyle(fontSize: 15),
                        ),
                        SizedBox(width: 5),
                        Text(
                          "#${item.number}",
                          style: TextStyle(fontSize: 15, color: Colors.grey),
                        )
                      ],
                    ),
                    margin: isOpPost
                        ? EdgeInsets.only(
                            top: 5, bottom: 2, left: 16, right: 16)
                        : EdgeInsets.only(top: 16, left: 16),
                  ),
                  Container(
                    child: Text(item.body, style: TextStyle(fontSize: 17)),
                    margin: EdgeInsets.all(16),
                  )
                ],
              ),
            )));
  }
}

class MessageItem {
  final String id;
  final int number;
  final String? subject;
  final String author;
  final String date;
  final String body;

  MessageItem(
      this.id, this.number, this.subject, this.author, this.date, this.body);
}