0 purchases
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.
License
For personal and professional use. You cannot resell or redistribute these repositories in their original state.
Files:
Customer Reviews
There are no reviews.
