mirror of
https://github.com/flutter/flutter.git
synced 2025-06-03 00:51:18 +00:00
118 lines
4.1 KiB
Dart
118 lines
4.1 KiB
Dart
// Copyright 2014 The Flutter Authors. All rights reserved.
|
|
// Use of this source code is governed by a BSD-style license that can be
|
|
// found in the LICENSE file.
|
|
|
|
import 'package:flutter/material.dart';
|
|
|
|
class MultiWidgetConstructTable extends StatefulWidget {
|
|
const MultiWidgetConstructTable(this.columnCount, this.rowCount, {Key key})
|
|
: super(key: key);
|
|
|
|
final int columnCount;
|
|
final int rowCount;
|
|
|
|
@override
|
|
_MultiWidgetConstructTableState createState() =>
|
|
_MultiWidgetConstructTableState();
|
|
}
|
|
|
|
class _MultiWidgetConstructTableState extends State<MultiWidgetConstructTable>
|
|
with SingleTickerProviderStateMixin {
|
|
static const List<MaterialColor> colorList = <MaterialColor>[
|
|
Colors.pink, Colors.red, Colors.deepOrange, Colors.orange, Colors.amber,
|
|
Colors.yellow, Colors.lime, Colors.lightGreen, Colors.green, Colors.teal,
|
|
Colors.cyan, Colors.lightBlue, Colors.blue, Colors.indigo, Colors.purple,
|
|
];
|
|
int counter = 0;
|
|
|
|
AnimationController _controller;
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
_controller = AnimationController(
|
|
vsync: this,
|
|
duration: const Duration(milliseconds: 10000),
|
|
lowerBound: 0,
|
|
upperBound: colorList.length + 1.0,
|
|
)..repeat();
|
|
}
|
|
|
|
@override
|
|
void dispose() {
|
|
_controller.dispose();
|
|
super.dispose();
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return AnimatedBuilder(
|
|
animation: _controller,
|
|
builder: (BuildContext context, _) {
|
|
final int totalLength = widget.rowCount * widget.columnCount;
|
|
final int widgetCounter = counter * totalLength;
|
|
final double height = MediaQuery.of(context).size.height / widget.rowCount;
|
|
final double colorPosition = _controller.value;
|
|
final int c1Position = colorPosition.floor();
|
|
final Color c1 = colorList[c1Position % colorList.length][900];
|
|
final Color c2 = colorList[(c1Position + 1) % colorList.length][900];
|
|
final Color baseColor = Color.lerp(c1, c2, colorPosition - c1Position);
|
|
counter++;
|
|
return Scaffold(
|
|
body: Table(
|
|
children: List<TableRow>.generate(
|
|
widget.rowCount,
|
|
(int row) => TableRow(
|
|
children: List<Widget>.generate(
|
|
widget.columnCount,
|
|
(int column) {
|
|
final int label = row * widget.columnCount + column;
|
|
// This implementation rebuild the widget tree for every
|
|
// frame, and is intentionally designed of poor performance
|
|
// for benchmark purposes.
|
|
return counter.isEven
|
|
? Container(
|
|
// This key forces rebuilding the element
|
|
key: ValueKey<int>(widgetCounter + label),
|
|
color: Color.lerp(
|
|
Colors.white, baseColor, label / totalLength),
|
|
child: Text('${widgetCounter + label}'),
|
|
constraints: BoxConstraints.expand(height: height),
|
|
)
|
|
: MyContainer(
|
|
// This key forces rebuilding the element
|
|
key: ValueKey<int>(widgetCounter + label),
|
|
color: Color.lerp(
|
|
Colors.white, baseColor, label / totalLength),
|
|
child: Text('${widgetCounter + label}'),
|
|
constraints: BoxConstraints.expand(height: height),
|
|
);
|
|
},
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
},
|
|
);
|
|
}
|
|
}
|
|
|
|
// This class is intended to break the original Widget tree
|
|
class MyContainer extends StatelessWidget {
|
|
const MyContainer({this.color, this.child, this.constraints, Key key})
|
|
: super(key: key);
|
|
final Color color;
|
|
final Widget child;
|
|
final BoxConstraints constraints;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Container(
|
|
color: color,
|
|
child: child,
|
|
constraints: constraints,
|
|
);
|
|
}
|
|
}
|