mirror of
https://github.com/flutter/flutter.git
synced 2025-06-03 00:51:18 +00:00
2e7fa83f67
This PR is to make preparations to make `CardTheme` conform to Flutter's conventions for component themes: * Added a `CardThemeData` class which defines overrides for the defaults for `Card` properties. * Added 2 `CardTheme` constructor parameters: `CardThemeData? data` and `Widget? child`. This is now the preferred way to configure a `CardTheme`: ```dart CardTheme( data: CardThemeData(color: xxx, elevation: xxx, ...), child: Card(...) ) ``` These two properties are made nullable to not break existing apps which has customized `ThemeData.cardTheme`. * Changed the type of theme defaults from `CardTheme` to `CardThemeData`. TODO: * Fix internal failures that may have breakages. * Change the type of `ThemeData.cardTheme` from `CardTheme` to `CardThemeData`. This may cause breaking changes, a migration guide will be created. Addresses the "theme normalization" sub project within https://github.com/flutter/flutter/issues/91772
54 lines
1.4 KiB
Dart
54 lines
1.4 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 'template.dart';
|
|
|
|
class CardTemplate extends TokenTemplate {
|
|
const CardTemplate(this.tokenGroup, super.blockName, super.fileName, super.tokens, {
|
|
super.colorSchemePrefix = '_colors.',
|
|
});
|
|
|
|
final String tokenGroup;
|
|
|
|
String _shape() {
|
|
final String cardShape = shape('$tokenGroup.container');
|
|
if (tokenAvailable('$tokenGroup.outline.color')) {
|
|
return '''
|
|
|
|
$cardShape.copyWith(
|
|
side: ${border('$tokenGroup.outline')}
|
|
)''';
|
|
} else {
|
|
return cardShape;
|
|
}
|
|
}
|
|
|
|
@override
|
|
String generate() => '''
|
|
class _${blockName}DefaultsM3 extends CardThemeData {
|
|
_${blockName}DefaultsM3(this.context)
|
|
: super(
|
|
clipBehavior: Clip.none,
|
|
elevation: ${elevation('$tokenGroup.container')},
|
|
margin: const EdgeInsets.all(4.0),
|
|
);
|
|
|
|
final BuildContext context;
|
|
late final ColorScheme _colors = Theme.of(context).colorScheme;
|
|
|
|
@override
|
|
Color? get color => ${componentColor('$tokenGroup.container')};
|
|
|
|
@override
|
|
Color? get shadowColor => ${colorOrTransparent('$tokenGroup.container.shadow-color')};
|
|
|
|
@override
|
|
Color? get surfaceTintColor => ${colorOrTransparent('$tokenGroup.container.surface-tint-layer.color')};
|
|
|
|
@override
|
|
ShapeBorder? get shape =>${_shape()};
|
|
}
|
|
''';
|
|
}
|