mirror of
https://github.com/flutter/flutter.git
synced 2025-06-03 00:51:18 +00:00
72329cf422
Many of the widgets that use CustomPaint were spamming repaints because CustomPaint repaints when the identity of the onPaint callback changes, which it does every build for StatelessComponents. This patch changes CustomPaint to use a CustomPainter, similar to the new custom layout widgets. The CustomPainter has a `shouldRepaint` function along with its `paint` function. This function gives clients explicit control over when the custom paint object repaints.
269 lines
8.2 KiB
Dart
269 lines
8.2 KiB
Dart
// Copyright 2015 The Chromium 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/rendering.dart';
|
|
import 'package:flutter/widgets.dart';
|
|
import 'package:test/test.dart';
|
|
|
|
import 'widget_tester.dart';
|
|
import '../rendering/rendering_tester.dart';
|
|
|
|
void main() {
|
|
test('Can construct an empty Stack', () {
|
|
testWidgets((WidgetTester tester) {
|
|
tester.pumpWidget(new Stack(<Widget>[]));
|
|
});
|
|
});
|
|
|
|
test('Can construct an empty Centered Stack', () {
|
|
testWidgets((WidgetTester tester) {
|
|
tester.pumpWidget(new Center(child: new Stack(<Widget>[])));
|
|
});
|
|
});
|
|
|
|
test('Can change position data', () {
|
|
testWidgets((WidgetTester tester) {
|
|
Key key = new Key('container');
|
|
|
|
tester.pumpWidget(
|
|
new Stack(<Widget>[
|
|
new Positioned(
|
|
left: 10.0,
|
|
child: new Container(
|
|
key: key,
|
|
width: 10.0,
|
|
height: 10.0
|
|
)
|
|
)
|
|
])
|
|
);
|
|
|
|
Element container;
|
|
StackParentData parentData;
|
|
|
|
container = tester.findElementByKey(key);
|
|
parentData = container.renderObject.parentData;
|
|
expect(parentData.top, isNull);
|
|
expect(parentData.right, isNull);
|
|
expect(parentData.bottom, isNull);
|
|
expect(parentData.left, equals(10.0));
|
|
expect(parentData.width, isNull);
|
|
expect(parentData.height, isNull);
|
|
|
|
tester.pumpWidget(
|
|
new Stack(<Widget>[
|
|
new Positioned(
|
|
right: 10.0,
|
|
child: new Container(
|
|
key: key,
|
|
width: 10.0,
|
|
height: 10.0
|
|
)
|
|
)
|
|
])
|
|
);
|
|
|
|
container = tester.findElementByKey(key);
|
|
parentData = container.renderObject.parentData;
|
|
expect(parentData.top, isNull);
|
|
expect(parentData.right, equals(10.0));
|
|
expect(parentData.bottom, isNull);
|
|
expect(parentData.left, isNull);
|
|
expect(parentData.width, isNull);
|
|
expect(parentData.height, isNull);
|
|
});
|
|
});
|
|
|
|
test('Can remove parent data', () {
|
|
testWidgets((WidgetTester tester) {
|
|
Key key = new Key('container');
|
|
Container container = new Container(key: key, width: 10.0, height: 10.0);
|
|
|
|
tester.pumpWidget(new Stack(<Widget>[ new Positioned(left: 10.0, child: container) ]));
|
|
Element containerElement = tester.findElementByKey(key);
|
|
|
|
StackParentData parentData;
|
|
parentData = containerElement.renderObject.parentData;
|
|
expect(parentData.top, isNull);
|
|
expect(parentData.right, isNull);
|
|
expect(parentData.bottom, isNull);
|
|
expect(parentData.left, equals(10.0));
|
|
expect(parentData.width, isNull);
|
|
expect(parentData.height, isNull);
|
|
|
|
tester.pumpWidget(new Stack(<Widget>[ container ]));
|
|
containerElement = tester.findElementByKey(key);
|
|
|
|
parentData = containerElement.renderObject.parentData;
|
|
expect(parentData.top, isNull);
|
|
expect(parentData.right, isNull);
|
|
expect(parentData.bottom, isNull);
|
|
expect(parentData.left, isNull);
|
|
expect(parentData.width, isNull);
|
|
expect(parentData.height, isNull);
|
|
});
|
|
});
|
|
|
|
test('Can align non-positioned children', () {
|
|
testWidgets((WidgetTester tester) {
|
|
Key child0Key = new Key('child0');
|
|
Key child1Key = new Key('child1');
|
|
|
|
tester.pumpWidget(
|
|
new Center(
|
|
child: new Stack(<Widget>[
|
|
new Container(key: child0Key, width: 20.0, height: 20.0),
|
|
new Container(key: child1Key, width: 10.0, height: 10.0)
|
|
],
|
|
alignment: const FractionalOffset(0.5, 0.5)
|
|
)
|
|
)
|
|
);
|
|
|
|
Element child0 = tester.findElementByKey(child0Key);
|
|
final StackParentData child0RenderObjectParentData = child0.renderObject.parentData;
|
|
expect(child0RenderObjectParentData.position, equals(const Point(0.0, 0.0)));
|
|
|
|
Element child1 = tester.findElementByKey(child1Key);
|
|
final StackParentData child1RenderObjectParentData = child1.renderObject.parentData;
|
|
expect(child1RenderObjectParentData.position, equals(const Point(5.0, 5.0)));
|
|
});
|
|
});
|
|
|
|
test('Can construct an empty IndexedStack', () {
|
|
testWidgets((WidgetTester tester) {
|
|
tester.pumpWidget(new IndexedStack(<Widget>[]));
|
|
});
|
|
});
|
|
|
|
test('Can construct an empty Centered IndexedStack', () {
|
|
testWidgets((WidgetTester tester) {
|
|
tester.pumpWidget(new Center(child: new IndexedStack(<Widget>[])));
|
|
});
|
|
});
|
|
|
|
test('Can construct an IndexedStack', () {
|
|
testWidgets((WidgetTester tester) {
|
|
int itemCount = 3;
|
|
List<int> itemsPainted;
|
|
|
|
Widget buildFrame(int index) {
|
|
itemsPainted = <int>[];
|
|
List<Widget> items = new List<Widget>.generate(itemCount, (i) {
|
|
return new CustomPaint(
|
|
child: new Text('$i'),
|
|
painter: new TestCallbackPainter(
|
|
onPaint: () { itemsPainted.add(i); }
|
|
)
|
|
);
|
|
});
|
|
return new Center(child: new IndexedStack(items, index: index));
|
|
}
|
|
|
|
tester.pumpWidget(buildFrame(0));
|
|
expect(tester.findText('0'), isNotNull);
|
|
expect(tester.findText('1'), isNotNull);
|
|
expect(tester.findText('2'), isNotNull);
|
|
expect(itemsPainted, equals([0]));
|
|
|
|
tester.pumpWidget(buildFrame(1));
|
|
expect(itemsPainted, equals([1]));
|
|
|
|
tester.pumpWidget(buildFrame(2));
|
|
expect(itemsPainted, equals([2]));
|
|
});
|
|
});
|
|
|
|
test('Can hit test an IndexedStack', () {
|
|
testWidgets((WidgetTester tester) {
|
|
Key key = new Key('indexedStack');
|
|
int itemCount = 3;
|
|
List<int> itemsTapped;
|
|
|
|
Widget buildFrame(int index) {
|
|
itemsTapped = <int>[];
|
|
List<Widget> items = new List<Widget>.generate(itemCount, (i) {
|
|
return new GestureDetector(child: new Text('$i'), onTap: () { itemsTapped.add(i); });
|
|
});
|
|
return new Center(child: new IndexedStack(items, key: key, index: index));
|
|
}
|
|
|
|
tester.pumpWidget(buildFrame(0));
|
|
expect(itemsTapped, isEmpty);
|
|
tester.tap(tester.findElementByKey(key));
|
|
expect(itemsTapped, [0]);
|
|
|
|
tester.pumpWidget(buildFrame(2));
|
|
expect(itemsTapped, isEmpty);
|
|
tester.tap(tester.findElementByKey(key));
|
|
expect(itemsTapped, [2]);
|
|
});
|
|
});
|
|
|
|
test('Can set width and height', () {
|
|
testWidgets((WidgetTester tester) {
|
|
Key key = new Key('container');
|
|
|
|
BoxDecoration kBoxDecoration = new BoxDecoration(
|
|
backgroundColor: new Color(0xFF00FF00)
|
|
);
|
|
|
|
tester.pumpWidget(
|
|
new Stack(<Widget>[
|
|
new Positioned(
|
|
left: 10.0,
|
|
width: 11.0,
|
|
height: 12.0,
|
|
child: new DecoratedBox(key: key, decoration: kBoxDecoration)
|
|
)
|
|
])
|
|
);
|
|
|
|
Element box;
|
|
RenderBox renderBox;
|
|
StackParentData parentData;
|
|
|
|
box = tester.findElementByKey(key);
|
|
renderBox = box.renderObject;
|
|
parentData = renderBox.parentData;
|
|
expect(parentData.top, isNull);
|
|
expect(parentData.right, isNull);
|
|
expect(parentData.bottom, isNull);
|
|
expect(parentData.left, equals(10.0));
|
|
expect(parentData.width, equals(11.0));
|
|
expect(parentData.height, equals(12.0));
|
|
expect(parentData.position.x, equals(10.0));
|
|
expect(parentData.position.y, equals(0.0));
|
|
expect(renderBox.size.width, equals(11.0));
|
|
expect(renderBox.size.height, equals(12.0));
|
|
|
|
tester.pumpWidget(
|
|
new Stack(<Widget>[
|
|
new Positioned(
|
|
right: 10.0,
|
|
width: 11.0,
|
|
height: 12.0,
|
|
child: new DecoratedBox(key: key, decoration: kBoxDecoration)
|
|
)
|
|
])
|
|
);
|
|
|
|
box = tester.findElementByKey(key);
|
|
renderBox = box.renderObject;
|
|
parentData = renderBox.parentData;
|
|
expect(parentData.top, isNull);
|
|
expect(parentData.right, equals(10.0));
|
|
expect(parentData.bottom, isNull);
|
|
expect(parentData.left, isNull);
|
|
expect(parentData.width, equals(11.0));
|
|
expect(parentData.height, equals(12.0));
|
|
expect(parentData.position.x, equals(779.0));
|
|
expect(parentData.position.y, equals(0.0));
|
|
expect(renderBox.size.width, equals(11.0));
|
|
expect(renderBox.size.height, equals(12.0));
|
|
});
|
|
});
|
|
|
|
}
|