- ✨ Highly Customizable: allows for custom coloring and decorations
- ♻️ Mix & Match: choose which geometric shapes should be used for generation
- ✔️ Offline: since it doesn't use external services like Gravatar, it fully works without an internet connection
- 🚀 Fast: with the help of hashlib and the dart UI canvas, avatar images get generated in an instant
import 'package:random_abstract_avatar/random_abstract_avatar.dart';
Avatar(source: 'test')
class _TestAppState extends State<TestApp> {
final _controller = TextEditingController(text: 'flutter!');
@override
void initState() {
super.initState();
_controller.addListener(() {
setState(() {});
});
}
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
body: Center(
child: Row(
mainAxisSize: MainAxisSize.max,
mainAxisAlignment: MainAxisAlignment.center,
children: [
SizedBox(
width: 200,
child: TextField(
decoration: const InputDecoration(
border: OutlineInputBorder(),
labelText: 'Username',
),
controller: _controller,
)),
const SizedBox(width: 16),
Avatar(
source: _controller.text,
foregroundColor: Colors.pink,
backgroundColor: Colors.black,
size: 64,
),
]))));
}
}
- I've set a gradient/decoration image, but it doesn't show, why?
- If you use box decoration for the avatar, make sure the
backgroundColor
is set to transparent, because it won't show otherwise.
- If you use box decoration for the avatar, make sure the
An example project can be found in the example
folder of the repository.
Feel free to support me and work on open issues by making a pull request.
I'd be really grateful if you could support my work. Thanks. ko-fi paypal