Starter/samples
1
0
Fork 0
mirror of https://github.com/flutter/samples.git synced 2025-11-10 14:58:34 +00:00
Code Issues Releases Wiki Activity

Avoid allocation of large canvases on the web (#1557)

Browse Source
This commit is contained in:
Mouad Debbar
2023-01-12 15:56:11 +00:00
committed by GitHub
parent 6fbc6fef7a
commit 4f059e686e
2 changed files with 39 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
experimental/material_3_demo/lib/color_palettes_screen.dart
View File

@@ -252,10 +252,12 @@ class ColorGroup extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Card(
clipBehavior: Clip.antiAlias,
child: Column(
children: children,
return RepaintBoundary(
child: Card(
clipBehavior: Clip.antiAlias,
child: Column(
children: children,
),
),
);
}

63
experimental/material_3_demo/lib/component_screen.dart
View File

@@ -1910,39 +1910,42 @@ class ComponentDecoration extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Padding(
padding: const EdgeInsets.symmetric(vertical: 10.0),
child: Column(
children: [
Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Text(label, style: Theme.of(context).textTheme.titleSmall),
Tooltip(
message: tooltipMessage,
child: const Padding(
padding: EdgeInsets.symmetric(horizontal: 5.0),
child: Icon(Icons.info_outline, size: 16)),
),
],
),
ConstrainedBox(
constraints: const BoxConstraints.tightFor(width: widthConstraint),
child: Card(
elevation: 0,
shape: RoundedRectangleBorder(
side: BorderSide(
color: Theme.of(context).colorScheme.outline,
return RepaintBoundary(
child: Padding(
padding: const EdgeInsets.symmetric(vertical: 10.0),
child: Column(
children: [
Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Text(label, style: Theme.of(context).textTheme.titleSmall),
Tooltip(
message: tooltipMessage,
child: const Padding(
padding: EdgeInsets.symmetric(horizontal: 5.0),
child: Icon(Icons.info_outline, size: 16)),
),
],
),
ConstrainedBox(
constraints:
const BoxConstraints.tightFor(width: widthConstraint),
child: Card(
elevation: 0,
shape: RoundedRectangleBorder(
side: BorderSide(
color: Theme.of(context).colorScheme.outline,
),
borderRadius: const BorderRadius.all(Radius.circular(12)),
),
child: Padding(
padding: const EdgeInsets.all(20.0),
child: child,
),
borderRadius: const BorderRadius.all(Radius.circular(12)),
),
child: Padding(
padding: const EdgeInsets.all(20.0),
child: child,
),
),
),
],
],
),
),
);
}