chat_message.dart

import 'package:flutter/material.dart';
import 'package:jesuskids/models/message.dart';
import 'package:jesuskids/utilities/utilities.dart';

class ChatMessageLeft extends StatelessWidget {
  ChatMessageLeft({this.message, this.animationController});
  final Message message;
  final AnimationController animationController;
  @override
  Widget build(BuildContext context) {
    return SizeTransition(
      sizeFactor: CurvedAnimation(
        parent: animationController,
        curve: Curves.easeOut,
      ),
      axisAlignment: 0.0,
      child: Container(
        padding: EdgeInsets.all(16.0),
        margin: EdgeInsets.only(
          right: 40.0,
          top: 8.0,
          bottom: 8.0,
        ),
        decoration: BoxDecoration(
          color: Colors.white,
          borderRadius: BorderRadius.circular(
            20.0,
          ),
        ),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: <Widget>[
            Row(
              mainAxisSize: MainAxisSize.min,
              children: <Widget>[
                Container(
                  margin: const EdgeInsets.only(right: 8.0),
                  child: CircleAvatar(
                    backgroundColor: Colors.red,
                    foregroundColor: Colors.white,
                    child: Text(
                      Utilities().getInitials(message.senderName),
                    ),
                  ),
                ),
                Expanded(
                  child: Column(
                    crossAxisAlignment: CrossAxisAlignment.start,
                    mainAxisSize: MainAxisSize.min,
                    children: <Widget>[
                      Text(
                        "You",
                        style: Theme.of(context).textTheme.caption,
                      ),
                      Text(
                        message.messageText,
                      ),
                      Row(
                        mainAxisAlignment: MainAxisAlignment.end,
                        children: <Widget>[
                          Text(
                            message.messageTime
                                .toLocal()
                                .toString()
                                .split(' ')[1]
                                .substring(0, 5),
                            style: TextStyle(
                              fontSize: 12.0,
                              fontWeight: FontWeight.bold,
                              fontStyle: FontStyle.italic,
                            ),
                          ),
                        ],
                      )
                    ],
                  ),
                )
              ],
            ),
          ],
        ),
      ),
    );
  }
}

class ChatMessageRight extends StatelessWidget {
  ChatMessageRight({this.message, this.animationController});
  final Message message;
  final AnimationController animationController;
  @override
  Widget build(BuildContext context) {
    return SizeTransition(
      sizeFactor:
          CurvedAnimation(parent: animationController, curve: Curves.easeOut),
      axisAlignment: 0.0,
      child: Container(
        padding: EdgeInsets.all(16.0),
        margin: EdgeInsets.only(
          left: 40.0,
          top: 8.0,
          bottom: 8.0,
        ),
        decoration: BoxDecoration(
          color: Colors.black12.withOpacity(0.05),
          borderRadius: BorderRadius.circular(
            20.0,
          ),
        ),
        child: Row(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: <Widget>[
            Expanded(
              child: Column(
                crossAxisAlignment: CrossAxisAlignment.end,
                children: <Widget>[
                  Text(
                    "You",
                    style: Theme.of(context).textTheme.caption,
                  ),
                  Text(message.messageText),
                  Row(
                    mainAxisAlignment: MainAxisAlignment.start,
                    children: <Widget>[
                      Text(
                        message.messageTime
                            .toLocal()
                            .toString()
                            .split(' ')[1]
                            .substring(0, 5),
                        style: TextStyle(
                          fontSize: 12.0,
                          fontWeight: FontWeight.bold,
                          fontStyle: FontStyle.italic,
                        ),
                      ),
                    ],
                  )
                ],
              ),
            ),
            SizedBox(
              width: 20.0,
            ),
            Container(
              margin: const EdgeInsets.only(right: 16.0),
              child: CircleAvatar(
                backgroundColor: Colors.red,
                foregroundColor: Colors.white,
                child: Text(
                  Utilities().getInitials(message.senderName),
                ),
              ),
            ),
          ],
        ),
        //),
      ),
    );
  }
}