random_abstract_avatar 1.1.3

Random Abstract Avatar lets you generate unique, abstract and customizable user avatars.

GENERATE UNIQUE AND ABSTRACT USER AVATARS.

Features

• ✨ 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

Getting Started

Include in Project

import 'package:random_abstract_avatar/random_abstract_avatar.dart';

Basic Widget

Avatar(source: 'test')

Basic Example

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,
              ),
            ]))));
  }
}

Example Project

An example project can be found in the example folder of the repository.

FAQ

• 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.

Contribution

Feel free to support me and work on open issues by making a pull request.

Consider Donating

I'd be really grateful if you could support my work. Thanks. ko-fi paypal