Bileşen kütüphanesi

Bileşen kütüphanesi, yeniden kullanılabilir widget'lar topluluğudur. Buton, kart, input gibi sıklıkla kullanılan yapıları tek pakette toplar. Tasarım sisteminin uygulama tarafıdır ve tutarlı görünüm sağlar.

class PrimaryButton extends StatelessWidget {
  final String label;
  final VoidCallback onPressed;
  const PrimaryButton({
    super.key,
    required this.label,
    required this.onPressed,
  });

  @override
  Widget build(BuildContext context) {
    return ElevatedButton(
      onPressed: onPressed,
      child: Text(label),
    );
  }
}

Bileşenler parametrelerle esnek olur. Ancak tüm olasılıkları açmak yerine, en sık kullanılan varyasyonları parametre olarak açarsın. Varsayılan değerler vererek kullanımı basitleştirirsin.

class AppCard extends StatelessWidget {
  final Widget child;
  final EdgeInsets? padding;
  final Color? color;
  const AppCard({
    super.key,
    required this.child,
    this.padding,
    this.color,
  });

  @override
  Widget build(BuildContext context) {
    return Container(
      padding: padding ?? const EdgeInsets.all(16),
      decoration: BoxDecoration(
        color: color,
        borderRadius: BorderRadius.circular(8),
      ),
      child: child,
    );
  }
}