wx_avatar

Description:

wx avatar

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),
),
],
),
)
copied to clipboard
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.