Theme configuration

2024-02-23 01:26:22 +01:00
parent 57af5e926e
commit e21546693a
32 changed files with 1053 additions and 45 deletions
--- a/lib/widgets/custom_list_tile.dart
+++ b/lib/widgets/custom_list_tile.dart
@@ -0,0 +1,99 @@
+import 'package:flutter/material.dart';
+
+class CustomListTile extends StatelessWidget {
+  final String title;
+  final String? subtitle;
+  final Widget? subtitleWidget;
+  final void Function()? onTap;
+  final IconData? icon;
+  final Widget? trailing;
+  final EdgeInsets? padding;
+  final void Function()? onLongPress;
+  final bool? disabled;
+  final void Function(bool)? onHover;
+  final Color? color;
+
+  const CustomListTile({
+    Key? key,
+    required this.title,
+    this.subtitle,
+    this.subtitleWidget,
+    this.onTap,
+    this.icon,
+    this.trailing,
+    this.padding,
+    this.onLongPress,
+    this.disabled,
+    this.onHover,
+    this.color,
+  }) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return Material(
+      color: color ?? Colors.transparent,
+      child: InkWell(
+        onTap: onTap,
+        onHover: onHover,
+        onLongPress: onLongPress,
+        child: Padding(
+          padding: padding ?? const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
+          child: Row(
+            mainAxisAlignment: MainAxisAlignment.spaceBetween,
+            children: [
+              Flexible(
+                child: Row(
+                  mainAxisSize: MainAxisSize.min,
+                  children: [
+                    if (icon != null) ...[
+                      Icon(
+                        icon,
+                        size: 24,
+                        color: disabled == true
+                            ? Theme.of(context).colorScheme.onSurface.withOpacity(0.38)
+                            : Theme.of(context).listTileTheme.iconColor,
+                      ),
+                      const SizedBox(width: 16),
+                    ],
+                    Flexible(
+                      child: Column(
+                        crossAxisAlignment: CrossAxisAlignment.start,
+                        children: [
+                          Text(
+                            title,
+                            style: TextStyle(
+                              fontSize: 16,
+                              fontWeight: FontWeight.w400,
+                              color: disabled == true
+                                  ? Theme.of(context).colorScheme.onSurface.withOpacity(0.38)
+                                  : Theme.of(context).colorScheme.onSurface,
+                            ),
+                          ),
+                          if (subtitle != null || subtitleWidget != null) ...[
+                            const SizedBox(height: 5),
+                            if (subtitle == null && subtitleWidget != null) subtitleWidget!,
+                            if (subtitle != null && subtitleWidget == null)
+                              Text(
+                                subtitle!,
+                                style: TextStyle(
+                                    color: disabled == true
+                                        ? Theme.of(context).colorScheme.onSurfaceVariant.withOpacity(0.38)
+                                        : Theme.of(context).colorScheme.onSurfaceVariant,
+                                    fontSize: 14,
+                                    fontWeight: FontWeight.w400),
+                              ),
+                          ]
+                        ],
+                      ),
+                    )
+                  ],
+                ),
+              ),
+              if (trailing != null) ...[const SizedBox(width: 16), trailing!]
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+}