81 lines
2.4 KiB
Dart
81 lines
2.4 KiB
Dart
import 'package:aves/theme/durations.dart';
|
|
import 'package:aves/widgets/common/identity/highlight_title.dart';
|
|
import 'package:expansion_tile_card/expansion_tile_card.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:provider/provider.dart';
|
|
|
|
class AvesExpansionTile extends StatelessWidget {
|
|
final String value;
|
|
final Widget? leading;
|
|
final String title;
|
|
final Color? color;
|
|
final ValueNotifier<String?>? expandedNotifier;
|
|
final bool initiallyExpanded, showHighlight;
|
|
final List<Widget> children;
|
|
|
|
const AvesExpansionTile({
|
|
Key? key,
|
|
String? value,
|
|
this.leading,
|
|
required this.title,
|
|
this.color,
|
|
this.expandedNotifier,
|
|
this.initiallyExpanded = false,
|
|
this.showHighlight = true,
|
|
required this.children,
|
|
}) : value = value ?? title,
|
|
super(key: key);
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final enabled = children.isNotEmpty == true;
|
|
Widget titleChild = HighlightTitle(
|
|
title: title,
|
|
color: color,
|
|
enabled: enabled,
|
|
showHighlight: showHighlight,
|
|
);
|
|
if (leading != null) {
|
|
titleChild = Row(
|
|
children: [
|
|
leading!,
|
|
const SizedBox(width: 8),
|
|
Expanded(child: titleChild),
|
|
],
|
|
);
|
|
}
|
|
|
|
final animationDuration = context.select<DurationsData, Duration>((v) => v.expansionTileAnimation);
|
|
final theme = Theme.of(context);
|
|
return Theme(
|
|
data: theme.copyWith(
|
|
colorScheme: theme.colorScheme.copyWith(
|
|
// color used by the `ExpansionTileCard` for selected text and icons
|
|
secondary: theme.colorScheme.onBackground,
|
|
),
|
|
),
|
|
child: ExpansionTileCard(
|
|
// key is expected by test driver
|
|
key: Key('tilecard-$value'),
|
|
value: value,
|
|
expandedNotifier: expandedNotifier,
|
|
title: titleChild,
|
|
expandable: enabled,
|
|
initiallyExpanded: initiallyExpanded,
|
|
finalPadding: const EdgeInsets.symmetric(vertical: 6.0),
|
|
baseColor: Colors.grey.shade900,
|
|
expandedColor: Colors.grey[850],
|
|
duration: animationDuration,
|
|
shadowColor: theme.shadowColor,
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
const Divider(thickness: 1, height: 1),
|
|
const SizedBox(height: 4),
|
|
if (enabled) ...children,
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|