The dragged widget has the wrong size

[evanthomas]

My items are Card widgets with buttons in them. When they drag they have the wrong the size. How can force the dragged widget to have the same size as the start widget? (Second 'flop' button below.)

[2math]

          isCustomFeedback: true,
          feedback: (pos) => Container(
            height: 50,
            width: 100,
            child: Material(
              borderRadius: BorderRadius.circular(20),
              child: _loadItemImage(pos),
            ),
          ),

[evanthomas]

I don't know what the size is because that has been determined by the parent when it does the layout.

[2math]

You can predict your size if you know the parent's width. Let's imagine your grid is with full width and with 3 columns.

         int countOfPhotosOnASingleRow = 3;
         double screenHorizontalFull = MediaQuery.of(context).size.width;

         gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
            crossAxisCount: countOfPhotosOnASingleRow,
          ),

Then your item size is probably something like that :

           height: (screenHorizontalFull / countOfPhotosOnASingleRow) - (anyPadingYouHaveOnTheCell),
           width: (screenHorizontalFull / countOfPhotosOnASingleRow) - (anyPadingYouHaveOnTheCell),

Another solution is to surround your grid with a container and give that container some width.

[evanthomas]

Thank you - I will give it a try.