ResponsiveFramework icon indicating copy to clipboard operation
ResponsiveFramework copied to clipboard

Max items in column before breaking to new row

Open jeremiahlukus opened this issue 2 years ago • 5 comments

I want to be able to pass in maxItems in column then auto break to new row after the maxItems number is reached

          ResponsiveRowColumn(
            rowMainAxisAlignment: MainAxisAlignment.center,
            rowPadding: const EdgeInsets.all(30),
            columnPadding: const EdgeInsets.all(30),
            layout: ResponsiveWrapper.of(context).isSmallerThan(DESKTOP)
                ? ResponsiveRowColumnType.COLUMN
                : ResponsiveRowColumnType.ROW,
            children: [
              ...buildDataTile(),
            ],
          ),
          

buildDataTile returns a List<ResponsiveRowColumnItem> 's. How can I add a maxItems to the column?

jeremiahlukus avatar Mar 08 '22 20:03 jeremiahlukus

Please this wasn't answered. I am trying to arrange 2 items per row on mobile and 4 per row on tablet. But the default is 1 item per row in mobile and it forces everything to fit into a row on tablet no matter the number of items

devDonald avatar Apr 06 '22 08:04 devDonald

@jeremiahlukus How did you solve this please

devDonald avatar Apr 06 '22 08:04 devDonald

I can add the ability to set max items as a new feature.

rayliverified avatar Apr 06 '22 14:04 rayliverified

I can add the ability to set max items as a new feature.

Please do.

devDonald avatar Apr 06 '22 14:04 devDonald

@devDonald I did not solve it i just worked around it. Would be great to have this feature though @searchy2

jeremiahlukus avatar Apr 06 '22 16:04 jeremiahlukus

@searchy2 this is completed? What branch has this? I would definitely like to update to use this.

jeremiahlukus avatar Feb 19 '23 23:02 jeremiahlukus