Question 219589 in Flutter Question posted in
The official Flutter documentation can be found here.

Chat message container shape in Flutter

How can I make this container shape for my chat log? in Flutter.

enter image description here

My problem is the bottom-right corner of the container.

Should i use CustomPainter? (Im not that good in this)

Is there a special Container() box which i can use?

Because if you look closely it also has some curves on the triangle-ish corner.

Thanks you for your answers

Tags:

2

Answers


  1. 0

    You build it using the CustomClipper class and CustomPaint. You can read more about CustomClipper from the Documentary and theres a nicely explained document on Medium.

    You can also use the flutter_custom_clippers package as a guideline on how to use CustomClipper. They have great examples.

    Alternatively, you can just use the flutter_chat_bubble package that already have it all designed and ready to use

    Login or Signup to reply.
  2. 0

    you can use flutter_custom_clippers
    With this package, you get different custom shapes
    I hope this package can help you

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search