Starter/samples
1
0
Fork 0
mirror of https://github.com/flutter/samples.git synced 2025-11-11 07:18:15 +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 @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
return Card( return RepaintBoundary(
clipBehavior: Clip.antiAlias, child: Card(
child: Column( clipBehavior: Clip.antiAlias,
children: children, child: Column(
children: children,
),
), ),
); );
} }

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

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