| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287 |
- //import 'dart:math' as math;
- import 'package:flutter/material.dart';
- import './reorderable_flex.dart';
- import './tabluar_flex.dart';
- import './typedefs.dart';
- import '../rendering/tabluar_flex.dart';
- class ReorderableTableRow extends TabluarRow {
- ReorderableTableRow({
- MainAxisAlignment mainAxisAlignment = MainAxisAlignment.start,
- MainAxisSize mainAxisSize = MainAxisSize.max,
- CrossAxisAlignment crossAxisAlignment = CrossAxisAlignment.center,
- TextDirection? textDirection,
- VerticalDirection verticalDirection = VerticalDirection.down,
- TextBaseline? textBaseline,
- List<Widget> children = const <Widget>[],
- Decoration? decoration,
- Key? key,
- }) : super(
- children: children,
- mainAxisAlignment: mainAxisAlignment,
- mainAxisSize: mainAxisSize,
- crossAxisAlignment: crossAxisAlignment,
- textDirection: textDirection,
- verticalDirection: verticalDirection,
- textBaseline: textBaseline,
- decoration: decoration,
- key: key,
- );
- }
- typedef DecorateDraggableFeedback = Widget Function(
- BuildContext feedbackContext, Widget draggableFeedback);
- /// Reorderable (drag and drop) version of [Table], a widget that displays its
- /// children in a two-dimensional grid.
- ///
- /// The difference between table and list is that cells in a table are
- /// horizontally aligned, whereas in a list, each item can have children but
- /// they are not aligned with children in another item.
- /// Making a row draggable requires cells to be contained in a single widget.
- /// This isn't achievable with [Table] or [GridView] widget since their
- /// children are laid out as cells of widget instead of rows of widget.
- ///
- /// Cells of each row must be children of [ReorderableTableRow] and each
- /// [ReorderableTableRow] must have a key.
- ///
- /// See also:
- ///
- /// * [ReorderableTableRow], which is the container of a row of cells.
- /// * [Table], which uses the table layout algorithm for its children.
- class ReorderableTable extends StatelessWidget {
- /// Creates a reorderable table.
- ///
- /// The [children], [defaultColumnWidth], and [defaultVerticalAlignment]
- /// arguments must not be null.
- ReorderableTable({
- required this.onReorder,
- this.children = const <ReorderableTableRow>[],
- this.columnWidths,
- this.defaultColumnWidth = const FlexColumnWidth(1.0),
- this.textDirection,
- this.border,
- this.defaultVerticalAlignment = TableCellVerticalAlignment.top,
- this.textBaseline,
- this.header,
- this.footer,
- this.decorateDraggableFeedback,
- this.onNoReorder,
- this.reorderAnimationDuration,
- this.scrollAnimationDuration,
- this.ignorePrimaryScrollController = false,
- this.needsLongPressDraggable = true,
- Key? key,
- this.borderColor,
- }) : assert(() {
- if (children.any((ReorderableTableRow row1) =>
- row1.key != null &&
- children.any((ReorderableTableRow row2) =>
- row1 != row2 && row1.key == row2.key))) {
- throw FlutterError(
- 'Two or more ReorderableTableRow children of this Table had the same key.\n'
- 'All the keyed ReorderableTableRow children of a Table must have different Keys.');
- }
- return true;
- }()),
- // assert(() {
- // if (children.isNotEmpty) {
- // final int cellCount = children.first.children.length;
- // if (children.any((ReorderableTableRow row) => row.children.length != cellCount)) {
- // throw FlutterError(
- // 'Table contains irregular row lengths.\n'
- // 'Every ReorderableTableRow in a Table must have the same number of children, so that every cell is filled. '
- // 'Otherwise, the table will contain holes.'
- // );
- // }
- // }
- // return true;
- // }()),
- super(key: key) {
- assert(() {
- final List<Widget> flatChildren = children
- .expand<Widget>((ReorderableTableRow row) => row.children)
- .toList(growable: false);
- if (debugChildrenHaveDuplicateKeys(this, flatChildren)) {
- throw FlutterError(
- 'Two or more cells in this Table contain widgets with the same key.\n'
- 'Every widget child of every TableRow in a Table must have different keys. The cells of a Table are '
- 'flattened out for processing, so separate cells cannot have duplicate keys even if they are in '
- 'different rows.');
- }
- return true;
- }());
- }
- /// The rows of the table.
- ///
- /// Every row in a table must have the same number of children, and all the
- /// children must be non-null.
- final List<ReorderableTableRow> children;
- /// How the horizontal extents of the columns of this table should be determined.
- ///
- /// If the [Map] has a null entry for a given column, the table uses the
- /// [defaultColumnWidth] instead. By default, that uses flex sizing to
- /// distribute free space equally among the columns.
- ///
- /// The [FixedColumnWidth] class can be used to specify a specific width in
- /// pixels. That is the cheapest way to size a table's columns.
- ///
- /// The layout performance of the table depends critically on which column
- /// sizing algorithms are used here. In particular, [IntrinsicColumnWidth] is
- /// quite expensive because it needs to measure each cell in the column to
- /// determine the intrinsic size of the column.
- final Map<int, TableColumnWidth>? columnWidths;
- /// How to determine with widths of columns that don't have an explicit sizing algorithm.
- ///
- /// Specifically, the [defaultColumnWidth] is used for column `i` if
- /// `columnWidths[i]` is null.
- final TableColumnWidth defaultColumnWidth;
- /// The direction in which the columns are ordered.
- ///
- /// Defaults to the ambient [Directionality].
- final TextDirection? textDirection;
- /// The style to use when painting the boundary and interior divisions of the table.
- final TableBorder? border;
- final Color? borderColor;
- /// How cells that do not explicitly specify a vertical alignment are aligned vertically.
- final TableCellVerticalAlignment defaultVerticalAlignment;
- /// The text baseline to use when aligning rows using [TableCellVerticalAlignment.baseline].
- final TextBaseline? textBaseline;
- /// Non-reorderable widget at top of the table. Cells in [header] also affects
- /// alignment of columns.
- final Widget? header;
- /// Non-reorderable widget at top of the table. Cells in [footer] also affects
- /// alignment of columns.
- final Widget? footer;
- /// Called when a child is dropped into a new position to shuffle the
- /// children.
- final ReorderCallback onReorder;
- final NoReorderCallback? onNoReorder;
- final DecorateDraggableFeedback? decorateDraggableFeedback;
- final Duration? reorderAnimationDuration;
- final Duration? scrollAnimationDuration;
- final bool ignorePrimaryScrollController;
- final bool needsLongPressDraggable;
- @override
- Widget build(BuildContext context) {
- // return TabluarColumn(
- // mainAxisSize: MainAxisSize.min,
- // children: itemRows +
- // [
- // ReorderableTableRow(key: ValueKey<int>(1), mainAxisSize:MainAxisSize.min, children: <Widget>[Text('111111111111'), Text('222')]),
- // ReorderableTableRow(key: ValueKey<int>(2), mainAxisSize:MainAxisSize.min, children: <Widget>[Text('33'), Text('4444444444')])
- // ],
- // )
- final GlobalKey tableKey =
- GlobalKey(debugLabel: '$ReorderableTable table key');
- return ReorderableFlex(
- header: header,
- footer: footer,
- children: children,
- onReorder: onReorder,
- onNoReorder: onNoReorder,
- needsLongPressDraggable: needsLongPressDraggable,
- direction: Axis.vertical,
- buildItemsContainer: (BuildContext containerContext, Axis direction,
- List<Widget> children) {
- List<Widget> mapped = borderColor == null
- ? children
- : children.map<Widget>(
- (child) {
- final index = children.indexOf(child);
- if (index > 0) {
- return Container(
- decoration: BoxDecoration(
- border: Border.symmetric(
- horizontal: BorderSide(
- color: borderColor!,
- width:
- index != children.length - 1 ? 0.5 : 1),
- vertical: BorderSide(color: borderColor!),
- ),
- ),
- child: child);
- }
- return child;
- },
- ).toList();
- return TabluarFlex(
- key: tableKey,
- direction: direction,
- // mainAxisAlignment: mainAxisAlignment,
- // mainAxisSize: MainAxisSize.min,
- // crossAxisAlignment: crossAxisAlignment,
- textDirection: textDirection,
- // verticalDirection: verticalDirection,
- textBaseline: textBaseline,
- children: mapped);
- },
- buildDraggableFeedback: (BuildContext feedbackContext,
- BoxConstraints constraints, Widget child) {
- // The child is a ReorderableTableRow because children is a List<ReorderableTableRow>
- ReorderableTableRow tableRow = child as ReorderableTableRow;
- RenderTabluarFlex renderTabluarFlex =
- tableKey.currentContext!.findRenderObject() as RenderTabluarFlex;
- int grandChildIndex = 0;
- for (;
- grandChildIndex < tableRow.children.length;
- grandChildIndex++) {
- tableRow.children[grandChildIndex] = ConstrainedBox(
- constraints: BoxConstraints(
- minWidth: renderTabluarFlex
- .maxGrandchildrenCrossSize[grandChildIndex]!),
- child: tableRow.children[grandChildIndex]);
- }
- for (;
- grandChildIndex <
- renderTabluarFlex.maxGrandchildrenCrossSize.length;
- grandChildIndex++) {
- tableRow.children.add(ConstrainedBox(
- constraints: BoxConstraints(
- minWidth: renderTabluarFlex
- .maxGrandchildrenCrossSize[grandChildIndex]!),
- ));
- }
- ConstrainedBox constrainedTableRow =
- ConstrainedBox(constraints: constraints, child: tableRow);
- return Transform(
- transform: new Matrix4.rotationZ(0),
- alignment: FractionalOffset.topLeft,
- child: Material(
- // child: Card(child: ConstrainedBox(constraints: constraints, child: tableRow)),
- child: (decorateDraggableFeedback ??
- defaultDecorateDraggableFeedback)(
- feedbackContext, constrainedTableRow),
- elevation: 6.0,
- color: Colors.transparent,
- borderRadius: BorderRadius.zero,
- ),
- );
- },
- reorderAnimationDuration: reorderAnimationDuration,
- scrollAnimationDuration: scrollAnimationDuration,
- ignorePrimaryScrollController: ignorePrimaryScrollController);
- }
- Widget defaultDecorateDraggableFeedback(
- BuildContext feedbackContext, Widget draggableFeedback) =>
- Card(child: draggableFeedback);
- }
|