87 lines
3.0 KiB
Dart
87 lines
3.0 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:game_tracker/core/custom_theme.dart';
|
|
|
|
/// A customizable settings list tile widget that displays an icon, title, and an optional suffix widget.
|
|
/// - [icon]: The icon displayed on the left side of the tile.
|
|
/// - [title]: The title text displayed next to the icon.
|
|
/// - [suffixWidget]: An optional widget displayed on the right side of the tile.
|
|
/// - [onPressed]: The callback invoked when the tile is tapped.
|
|
class SettingsListTile extends StatelessWidget {
|
|
const SettingsListTile({
|
|
super.key,
|
|
required this.icon,
|
|
required this.title,
|
|
this.suffixWidget,
|
|
this.onPressed,
|
|
});
|
|
|
|
/// The icon displayed on the left side of the tile.
|
|
final IconData icon;
|
|
|
|
/// The title text displayed next to the icon.
|
|
final String title;
|
|
|
|
/// An optional widget displayed on the right side of the tile.
|
|
final Widget? suffixWidget;
|
|
|
|
/// The callback invoked when the tile is tapped.
|
|
final VoidCallback? onPressed;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Padding(
|
|
padding: const EdgeInsets.symmetric(vertical: 8),
|
|
child: Center(
|
|
child: SizedBox(
|
|
width: MediaQuery.of(context).size.width * 0.95,
|
|
child: GestureDetector(
|
|
onTap: onPressed ?? () {},
|
|
child: Container(
|
|
margin: EdgeInsets.zero,
|
|
padding: const EdgeInsets.symmetric(vertical: 10, horizontal: 14),
|
|
decoration: CustomTheme.standardBoxDecoration,
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
Row(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
Container(
|
|
width: 48,
|
|
height: 48,
|
|
decoration: BoxDecoration(
|
|
color: CustomTheme.primaryColor.withAlpha(40),
|
|
borderRadius: BorderRadius.circular(10),
|
|
),
|
|
child: Icon(
|
|
icon,
|
|
size: 28,
|
|
color: CustomTheme.primaryColor.withGreen(40),
|
|
),
|
|
),
|
|
/* Container(
|
|
padding: const EdgeInsets.all(8),
|
|
decoration: BoxDecoration(
|
|
color: CustomTheme.primaryColor,
|
|
shape: BoxShape.circle,
|
|
),
|
|
child: Icon(icon, size: 24),
|
|
),*/
|
|
const SizedBox(width: 16),
|
|
Text(title, style: const TextStyle(fontSize: 18)),
|
|
],
|
|
),
|
|
if (suffixWidget != null)
|
|
suffixWidget!
|
|
else
|
|
const SizedBox.shrink(),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|