How to add arrow at bottom of a message box in flutter?-CodePudding

Please help me on how can I create this box

CodePudding user response：

You can use the bubble from material design by importing

import 'package:flutter/material.dart';

or simply :-

    Bubble(
  margin: BubbleEdges.only(leftBottom: 10),
  nip: BubbleNip.rightTop,
  color: Color.fromRGBO(225, 255, 199, 1.0),
  child: Text('Your Text', textAlign: TextAlign.right)

If u need more reference read this.

CodePudding user response：

you ca use these packages to have a bubble shape for a message

bubble: ^1.2.1 flutter_chat_bubble: ^2.0.0