Merge pull request #14 from jigarfumakiya/feature

Expose the BoxFit value to a widget.
ch-muhammad-adil · Sep 3, 2021 · ea4a694 · ea4a694
2 parents 4b1f55b + 40d7a6d
commit ea4a694
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 5 deletions.
diff --git a/example/lib/main.dart b/example/lib/main.dart
@@ -76,6 +76,7 @@ class _MyHomePageState extends State<MyHomePage> {
 //                    style: TextStyle(fontSize: 40, color: Colors.white),
 //                  ),
                 borderColor: Colors.red,
+                imageFit: BoxFit.fitHeight,
                 elevation: 5.0,
                 onTap: () {
                   print('adil');

diff --git a/lib/circular_profile_avatar.dart b/lib/circular_profile_avatar.dart
@@ -24,7 +24,8 @@ class CircularProfileAvatar extends StatefulWidget {
       this.imageBuilder,
       this.animateFromOldImageOnUrlChange,
       this.progressIndicatorBuilder,
-      this.child});
+      this.child,
+      this.imageFit = BoxFit.cover});
 
   /// sets radius of the avatar circle, [borderWidth] is also included in this radius.
   /// default value is 0.0
@@ -86,6 +87,11 @@ class CircularProfileAvatar extends StatefulWidget {
   /// Best use case is passing [AssetImage] as profile picture. You can pass [imageUrl] as empty string if you want to set child value.
   final Widget? child;
 
+  /// How to inscribe the image into the space allocated during layout.
+  /// Set the BoxFit value as you want.
+
+  final BoxFit imageFit;
+
   @override
   _CircularProfileAvatarState createState() => _CircularProfileAvatarState();
 }
@@ -159,7 +165,7 @@ class _CircularProfileAvatarState extends State<CircularProfileAvatar> {
         ? ClipRRect(
             borderRadius: BorderRadius.circular(widget.radius),
             child: CachedNetworkImage(
-              fit: BoxFit.cover,
+              fit: widget.imageFit,
               imageUrl: widget.imageUrl,
               errorWidget: widget.errorWidget,
               placeholder: widget.placeHolder,
@@ -169,8 +175,11 @@ class _CircularProfileAvatarState extends State<CircularProfileAvatar> {
                   widget.animateFromOldImageOnUrlChange ?? false,
             ),
           )
-        : CircleAvatar(
-            backgroundImage: NetworkImage(widget.imageUrl),
-          );
+        : ClipRRect(
+            borderRadius: BorderRadius.circular(widget.radius),
+            child: Image.network(
+              widget.imageUrl,
+              fit: widget.imageFit,
+            ));
   }
 }