Chat

Making a chat in flutter

Make custom chat bubble

Widget _bubbleBuilder(
  Widget child, {
  required message,
  required nextMessageInGroup,
}) =>
//here the widget
    Bubble(
      child: child,
      color: _user1.id != message.author.id ||
              message.type == types.MessageType.image
          ? const Color(0xfff5f5f7)
          : const Color(0xff6f61e8),
      margin: nextMessageInGroup
          ? const BubbleEdges.symmetric(horizontal: 6)
          : null,
      nip: nextMessageInGroup
          ? BubbleNip.no
          : _user1.id != message.author.id
              ? BubbleNip.leftBottom
              : BubbleNip.rightBottom,
    );

Advanced Usage | Flyer Chat