Provides an intuitive and developer-friendly API, allowing you to effortlessly tailor avatars to your exact requirements.

Demo

Usage

To read more about classes and other references used by wx_avatar, see the API Reference.

Wrap(
  spacing: 20,
  children: [
    const WxAvatar(
      image: NetworkImage('https://i.pravatar.cc/50?u=2'),
    ),
    const WxAvatar(
      elevation: 3.0,
      backgroundColor: Colors.red,
      foregroundStyle: TextStyle(
        fontSize: 16,
        fontWeight: FontWeight.bold,
        color: Colors.amber,
      ),
      child: Text('Wx'),
    ),
    WxAvatar(
      borderStyle: BorderStyle.solid,
      borderColor: Colors.black54,
      borderWidth: 2,
      backgroundColor: Theme.of(context).colorScheme.surface,
      foregroundColor: Colors.black87,
      foregroundSize: 40,
      child: const Icon(Icons.person),
    ),
  ],
)

Wrapper(
  title: 'Circle Shape',
  child: Wrap(
    spacing: 20,
    children: [
      const WxAvatar.circle(
        image: NetworkImage('https://i.pravatar.cc/50?u=2'),
      ),
      const WxAvatar.circle(
        elevation: 3.0,
        backgroundColor: Colors.red,
        child: Text('Wx'),
      ),
      WxAvatar.circle(
        borderStyle: BorderStyle.solid,
        borderColor: Colors.black54,
        borderWidth: 2,
        backgroundColor: Theme.of(context).colorScheme.surface,
        foregroundColor: Colors.black87,
        foregroundSize: 30,
        child: const Icon(Icons.person),
      ),
    ],
  ),
)

Sponsoring

If this package or any other package I created is helping you, please consider to sponsor me so that I can take time to read the issues, fix bugs, merge pull requests and add features to these packages.