77 lines
2.7 KiB
Dart
77 lines
2.7 KiB
Dart
import 'package:flutter/material.dart';
|
|
import '../../../l10n/app_localizations.dart';
|
|
import '../../providers/theme_provider.dart';
|
|
|
|
/// Sélecteur de palette de couleurs de l'application.
|
|
class PalettePicker extends StatelessWidget {
|
|
final int selectedIndex;
|
|
final void Function(int) onSelect;
|
|
const PalettePicker({super.key, required this.selectedIndex, required this.onSelect});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final l = AppLocalizations.of(context)!;
|
|
final paletteNames = [l.palette0, l.palette1, l.palette2, l.palette3, l.palette4];
|
|
|
|
return Column(
|
|
children: List.generate(appPalettes.length, (i) {
|
|
final p = appPalettes[i];
|
|
final isSelected = i == selectedIndex;
|
|
return GestureDetector(
|
|
onTap: () => onSelect(i),
|
|
child: AnimatedContainer(
|
|
duration: const Duration(milliseconds: 200),
|
|
margin: const EdgeInsets.only(bottom: 10),
|
|
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
|
|
decoration: BoxDecoration(
|
|
color: isSelected ? p.primary : Colors.white,
|
|
borderRadius: BorderRadius.circular(12),
|
|
border: Border.all(
|
|
color: isSelected ? p.primary : Colors.grey.shade300,
|
|
width: isSelected ? 3 : 1.5,
|
|
),
|
|
boxShadow: isSelected
|
|
? [BoxShadow(color: p.primary.withAlpha(80), blurRadius: 8, offset: const Offset(0, 3))]
|
|
: [],
|
|
),
|
|
child: Row(
|
|
children: [
|
|
Container(
|
|
width: 32,
|
|
height: 32,
|
|
decoration: BoxDecoration(
|
|
color: p.primary,
|
|
shape: BoxShape.circle,
|
|
border: Border.all(color: Colors.white, width: 2),
|
|
),
|
|
),
|
|
const SizedBox(width: 8),
|
|
Container(
|
|
width: 20,
|
|
height: 20,
|
|
decoration: BoxDecoration(
|
|
color: p.surface,
|
|
shape: BoxShape.circle,
|
|
border: Border.all(color: Colors.white, width: 1.5),
|
|
),
|
|
),
|
|
const SizedBox(width: 16),
|
|
Text(
|
|
paletteNames[i],
|
|
style: TextStyle(
|
|
fontSize: 16,
|
|
fontWeight: FontWeight.w600,
|
|
color: isSelected ? Colors.white : Colors.black87,
|
|
),
|
|
),
|
|
const Spacer(),
|
|
if (isSelected) const Icon(Icons.check_circle, color: Colors.white, size: 22),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}),
|
|
);
|
|
}
|
|
}
|