Breaking News: Grepper is joining You.com. Read the official announcement!

flutter row wrap content

YOU.com answered on September 11, 2023 Popularity 7/10 Helpfulness 4/10

answer flutter row wrap content

flutter row wrap content

Comment

import 'package:flutter/material.dart';

Widget buildRowWrapContent() {
  return LayoutBuilder(
    builder: (context, constraints) {
      final containerHeight = 50.0; // Define the desired height of each widget
      final containerWidth = 150.0; // Define the desired width of each widget
      final itemsPerRow = (constraints.maxWidth / containerWidth).floor();

      List<Widget> widgets = List.generate(
        20, // Number of desired widgets
        (index) => Container(
          height: containerHeight,
          width: containerWidth,
          color: Colors.blue, // Replace with desired widget content
          margin: const EdgeInsets.all(8.0), // Margin between widgets
        ),
      );

      return Wrap(
        alignment: WrapAlignment.start, // Align widgets to the start of the row
        spacing: 8.0, // Horizontal spacing between widgets
        runSpacing: 8.0, // Vertical spacing between rows
        children: widgets,
      );
    },
  );
}

Popularity 7/10 Helpfulness 4/10 Language dart

Source: Grepper

Link to this answer
Share Copy Link

Contributed on Sep 11 2023

YOU.com

0 Answers Avg Quality 2/10

flutter row wrap content

Contents

More Related Answers

flutter row wrap content

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.