DEV Community

Cover image for How to use GF Avatar in Flutter app
GetWidget
GetWidget

Posted on • Updated on

How to use GF Avatar in Flutter app

Does your app have a requirement of Avatar?

Why Not try GF Avatar to build an awesome avatar with the inbuilt widget component.

What is Avatar Widget?

Alt Text

It generally refers to the user profile images. Once users create an account with your application then Avatar design decides how their profile picture will look like. It might be a circular, square, and others as you would like too. GF Aavatr widget help you design your app that will decide how your user profile image will visible to users.

Most Common Avtar used in Flutter App:

Circular, Standard, and Square.

How to use Flutter Avatar Widget with GetWidget?

Circular Avatar Widget Uses:

Alt Text

import 'package:getwidget/getwidget.dart';

GFAvatar(
  backgroundImage:NetworkImage(AvatarUrl);
)
Enter fullscreen mode Exit fullscreen mode

Get Flutter Standard Avatar Widget:

Alt Text

import 'package:getwidget/getwidget.dart';

GFAvatar(
  backgroundImage:NetworkImage(AvatarUrl);
  shape: GFAvatarShape.standard
)
Enter fullscreen mode Exit fullscreen mode

Get Flutter Square Avatar Widget

Alt Text

import 'package:getwidget/getwidget.dart';

GFAvatar(
  backgroundImage:NetworkImage(AvatarUrl);
  shape: GFAvatarShape.square
)
Enter fullscreen mode Exit fullscreen mode

Read More about Get Flutter Widget and it uses: https://docs.getwidget.dev/gf-avatar

IF you have any suggestion or you would like to contribute to GetWidget open-source then check out GitHub: https://github.com/ionicfirebaseapp/getwidget

Top comments (0)