How can I used Dismissible() when the child have BorderRadius()?

Question

I am trying to use Dismissible in a Container with BorderRadius but the onDismissed Animation don't work properly, because the back ground don't have the same shape.

This is a screen shot of the problem.

I have tried this:

 Stack(
     overflow: Overflow.clip,
     children: <Widget>[
         MyBackgroundWidget(), // instead of background
         Dismissible(
             child: MyForegroundWidget(),
             // no background
         )
     ],
 );

and that works if you don't have padding. But don't work in my case, because i have padding in my container. So it will look like this when onDismissed, before the animation its completely done.

This really bothers me, I still haven't found a solution for it — X.Y., Feb 25 '20 at 06:43
did anyone figure this out? So many Flutter questions on here have no replies, years later... — bionara, May 20 '20 at 14:19
Can you include your code-snippet how you've defined the `Dismissible`.? — Md. Yeasin Sheikh, Nov 21 '21 at 12:10

score 1 · Answer 1 · answered Nov 21 '21 at 11:52

1

Try wrapping the dismissible widget under ClipRRect and add border radius to only CLipRRect and not the child widgets. That should fix your problem.

This question has already been discussed in: How to fix this dismissible widget border

answered Nov 21 '21 at 11:52

Rohith Nambiar

2,957
4
17
37

score 0 · Answer 2 · answered Nov 21 '21 at 11:58

0

you can try to use a container behind the Widget

Container(
    color : Colors.blue,
    child : YourDismissible(),
)

answered Nov 21 '21 at 11:58

yassine

88
9

How can I used Dismissible() when the child have BorderRadius()?

2 Answers2