ResponsiveLayoutGrid class
The ResponsiveLayoutGrid has the following constructor parameters:
- minimumColumnWidth
- maxNumberOfColumns
- columnGutterWidth
- rowGutterHeight
- padding
- children (the cells)
- layoutFactory (that determines the position of the cells)
The ResponsiveLayoutGrid has children, named cells.
- Cells align with the column grid to create a logical and consistent
layout experience across screen sizes and orientations:
- The ResponsiveLayoutGrid sets de width of the cells.
- The cells can determine their own height, unless the RowHeight is set.
- Cells are Widgets
- Cells can span one or more columns
- Cells are separated with gutters (separation space)
It is recommended to always directly wrap a ResponsiveLayoutGrid in a SingleChildScrollView so that the user can vertically scroll trough all cells, even when they do not all fit in the viewport.
- Inheritance
-
- Object
- DiagnosticableTree
- Widget
- StatelessWidget
- ResponsiveLayoutGrid
Constructors
-
ResponsiveLayoutGrid({Key? key, double minimumColumnWidth = defaultMinimumColumnWidth, double columnGutterWidth = defaultGutter, double rowGutterHeight = defaultGutter, int? maxNumberOfColumns, EdgeInsets padding = EdgeInsets.zero, List<
Widget> children = const [], ResponsiveLayoutFactory layoutFactory = defaultLayoutFactory}) -
const
Properties
-
children
→ List<
Widget> -
final
- columnGutterWidth → double
-
The columnGutterWidth is the space between columns.
It is a MaterialMeasurement.
final
- hashCode → int
-
The hash code for this object.
no setterinherited
- key → Key?
-
Controls how one widget replaces another widget in the tree.
finalinherited
- layoutFactory → ResponsiveLayoutFactory
-
final
- maxNumberOfColumns → int?
-
Sets the maximum number of columns.
It will add additional margins left and right to center the columns.
null=unlimited number of columns (=default)
final
- minimumColumnWidth → double
-
The minimumColumnWidth determines the number of columns that fit
in the available width and is a MaterialMeasurement
final
- padding → EdgeInsets
-
Best to use this padding instead of wrapping it with a Padding widget in
case you also want it wrapped with a SingleChildScrollView
final
- rowGutterHeight → double
-
The rowGutterHeight is the space between rows.
It is a MaterialMeasurement.
final
- runtimeType → Type
-
A representation of the runtime type of the object.
no setterinherited
Methods
-
build(
BuildContext context) → Widget -
Describes the part of the user interface represented by this widget.
override
-
createElement(
) → StatelessElement -
Creates a StatelessElement to manage this widget's location in the tree.
inherited
-
debugDescribeChildren(
) → List< DiagnosticsNode> -
Returns a list of DiagnosticsNode objects describing this node's
children.
inherited
-
debugFillProperties(
DiagnosticPropertiesBuilder properties) → void -
Add additional properties associated with the node.
inherited
-
noSuchMethod(
Invocation invocation) → dynamic -
Invoked when a nonexistent method or property is accessed.
inherited
-
toDiagnosticsNode(
{String? name, DiagnosticsTreeStyle? style}) → DiagnosticsNode -
Returns a debug representation of the object that is used by debugging
tools and by DiagnosticsNode.toStringDeep.
inherited
-
toString(
{DiagnosticLevel minLevel = DiagnosticLevel.info}) → String -
A string representation of this object.
inherited
-
toStringDeep(
{String prefixLineOne = '', String? prefixOtherLines, DiagnosticLevel minLevel = DiagnosticLevel.debug, int wrapWidth = 65}) → String -
Returns a string representation of this node and its descendants.
inherited
-
toStringShallow(
{String joiner = ', ', DiagnosticLevel minLevel = DiagnosticLevel.debug}) → String -
Returns a one-line detailed description of the object.
inherited
-
toStringShort(
) → String -
A short, textual description of this widget.
inherited
Operators
-
operator ==(
Object other) → bool -
The equality operator.
inherited
Constants
- defaultGutter → const double
- defaultLayoutFactory → const DefaultLayoutFactory
- defaultMinimumColumnWidth → const double