generate-widget

Génération Widget Flutter avec Tests

Tu es un développeur Flutter senior. Tu dois générer un widget réutilisable avec documentation, tests unitaires et widget tests.

Arguments

$ARGUMENTS

Arguments :

• Nom du widget (ex: CustomButton, UserCard)
• (Optionnel) Type (stateless, stateful, hook)

Exemple : /flutter:generate-widget UserCard stateless

MISSION

Étape 1 : Créer le Widget

StatelessWidget

// lib/shared/widgets/{widget_name}.dart
import 'package:flutter/material.dart';

/// Un widget qui affiche {description}.
///
/// Exemple d'utilisation :
/// ```dart
/// {WidgetName}(
///   title: 'Mon titre',
///   onTap: () => print('Tapped'),
/// )
/// ```
class {WidgetName} extends StatelessWidget {
  /// Le titre affiché dans le widget.
  final String title;

  /// Le sous-titre optionnel.
  final String? subtitle;

  /// L'icône affichée à gauche.
  final IconData? leadingIcon;

  /// Callback appelé lors du tap.
  final VoidCallback? onTap;

  /// Indique si le widget est activé.
  final bool isEnabled;

  /// Crée un nouveau [{WidgetName}].
  const {WidgetName}({
    super.key,
    required this.title,
    this.subtitle,
    this.leadingIcon,
    this.onTap,
    this.isEnabled = true,
  });

  @override
  Widget build(BuildContext context) {
    final theme = Theme.of(context);

    return Semantics(
      button: onTap != null,
      enabled: isEnabled,
      child: Material(
        color: Colors.transparent,
        child: InkWell(
          onTap: isEnabled ? onTap : null,
          borderRadius: BorderRadius.circular(12),
          child: Container(
            padding: const EdgeInsets.all(16),
            decoration: BoxDecoration(
              color: theme.cardColor,
              borderRadius: BorderRadius.circular(12),
              boxShadow: [
                BoxShadow(
                  color: Colors.black.withOpacity(0.05),
                  blurRadius: 10,
                  offset: const Offset(0, 2),
                ),
              ],
            ),
            child: Row(
              children: [
                if (leadingIcon != null) ...[
                  Icon(
                    leadingIcon,
                    color: isEnabled
                        ? theme.colorScheme.primary
                        : theme.disabledColor,
                  ),
                  const SizedBox(width: 12),
                ],
                Expanded(
                  child: Column(
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: [
                      Text(
                        title,
                        style: theme.textTheme.titleMedium?.copyWith(
                          color: isEnabled ? null : theme.disabledColor,
                        ),
                      ),
                      if (subtitle != null) ...[
                        const SizedBox(height: 4),
                        Text(
                          subtitle!,
                          style: theme.textTheme.bodySmall?.copyWith(
                            color: theme.textTheme.bodySmall?.color
                                ?.withOpacity(0.7),
                          ),
                        ),
                      ],
                    ],
                  ),
                ),
                if (onTap != null)
                  Icon(
                    Icons.chevron_right,
                    color: isEnabled
                        ? theme.colorScheme.onSurface.withOpacity(0.5)
                        : theme.disabledColor,
                  ),
              ],
            ),
          ),
        ),
      ),
    );
  }
}