-3

I'm trying to replicate a custom UI shape in Flutter, as shown in the red-marked area of the attached image. The design involves layering an icon over a uniquely clipped or curved container using a Stack. However, I'm unsure how to achieve this shape programmatically.

I’ve experimented with ClipPath, CustomPainter, and Positioned widgets inside a Stack, but I’m struggling to match the exact curvature and alignment seen in the image.

I want to create a reusable widget that mimics the red-marked shape, with the icon precisely positioned and the background clipped or styled accordingly. Ideally, the solution should be modular and responsive across screen sizes.

enter image description here

Improve this question
2
  • Ok, so where's your code? Commented 2 days ago
  • yep, whats your code? and btw you dont need a Stack: a simple Container or DecoratedBox with ShapeDecoration will do a trick Commented 2 days ago
Related questions
1
How to create a container with a bottom-centered notch like this shape?
823
How can I remove the debug banner in Flutter?
1
How can I create a Tooth Selection UI in Flutter with 32 Teeth?
Load 5 more related questions Show fewer related questions

0

Reset to default

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.