Skip to main content

Avatar With Gradient Border

Avatar

import 'package:extended_image/extended_image.dart';
import 'package:flutter/material.dart';
import 'package:gradient_borders/box_borders/gradient_box_border.dart';
DecoratedBox(
decoration: const BoxDecoration(
shape: BoxShape.circle,
border: GradientBoxBorder(
gradient: LinearGradient(
begin: Alignment.topLeft,
end: Alignment.bottomRight,
colors: [
Colors.redAccent,
Colors.purple,
],
),
width: 2,
),
),
child: Padding(
padding: const EdgeInsets.all(6),
child: ClipOval(
child: ExtendedImage.network(
'https://images.pexels.com/photos/846741/pexels-photo-846741.jpeg?auto=compress&cs=tinysrgb&w=600',
fit: BoxFit.cover,
width: 48 - 6 - 2,
height: 48 - 6 - 2,
),
),
),
),