chore: switch to cached_network_image

lib/components/avatar.dart

@@ -2,7 +2,7 @@ import 'package:famedlysdk/famedlysdk.dart';
 import 'package:fluffychat/utils/string_color.dart';
 import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
-import 'package:flutter_advanced_networkimage/provider.dart';
+import 'package:cached_network_image/cached_network_image.dart';
 
 import 'matrix.dart';
 
@@ -41,12 +41,7 @@ class Avatar extends StatelessWidget {
       onTap: onTap,
       child: CircleAvatar(
         radius: size / 2,
-        backgroundImage: !noPic
-            ? AdvancedNetworkImage(
-                src,
-                useDiskCache: !kIsWeb,
-              )
-            : null,
+        backgroundImage: !noPic ? CachedNetworkImageProvider(src) : null,
         backgroundColor: noPic
             ? name?.lightColor ?? Theme.of(context).secondaryHeaderColor
             : Theme.of(context).secondaryHeaderColor,

lib/components/content_banner.dart

@@ -1,7 +1,7 @@
 import 'package:famedlysdk/famedlysdk.dart';
 import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
-import 'package:flutter_advanced_networkimage/provider.dart';
+import 'package:cached_network_image/cached_network_image.dart';
 
 import 'matrix.dart';
 
@@ -48,13 +48,10 @@ class ContentBanner extends StatelessWidget {
               opacity: 0.75,
               child: !loading
                   ? mxContent != null
-                      ? Image(
+                      ? CachedNetworkImage(
+                          imageUrl: src,
                           height: 300,
                           fit: BoxFit.cover,
-                          image: AdvancedNetworkImage(
-                            src,
-                            useDiskCache: !kIsWeb,
-                          ),
                         )
                       : Icon(defaultIcon, size: 300)
                   : Icon(defaultIcon, size: 300),

lib/components/image_bubble.dart

@@ -5,8 +5,7 @@ import 'package:fluffychat/views/image_view.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter/foundation.dart';
 import 'package:flutter_blurhash/flutter_blurhash.dart';
-import 'package:flutter_advanced_networkimage/provider.dart';
-import 'package:flutter_advanced_networkimage/transition.dart';
+import 'package:cached_network_image/cached_network_image.dart';
 
 class ImageBubble extends StatefulWidget {
   final Event event;
@@ -126,16 +125,13 @@ class _ImageBubbleState extends State<ImageBubble> {
                 fit: widget.fit,
               );
             } else if (isUnencrypted) {
-              renderWidget = TransitionToImage(
-                image: AdvancedNetworkImage(
-                  Uri.parse(widget.event.content['url']).getThumbnail(
-                      widget.event.room.client,
-                      width: 800,
-                      height: 800,
-                      method: ThumbnailMethod.scale),
-                  useDiskCache: !kIsWeb,
-                ),
-                loadingWidget: generatePlaceholderWidget(),
+              renderWidget = CachedNetworkImage(
+                imageUrl: Uri.parse(widget.event.content['url']).getThumbnail(
+                    widget.event.room.client,
+                    width: 800,
+                    height: 800,
+                    method: ThumbnailMethod.scale),
+                placeholder: (context, url) => generatePlaceholderWidget(),
                 fit: widget.fit,
               );
             } else {

lib/components/input_bar.dart

@@ -2,7 +2,7 @@ import 'package:flutter/material.dart';
 import 'package:flutter/foundation.dart';
 import 'package:famedlysdk/famedlysdk.dart';
 import 'package:flutter_typeahead/flutter_typeahead.dart';
-import 'package:flutter_advanced_networkimage/provider.dart';
+import 'package:cached_network_image/cached_network_image.dart';
 import 'avatar.dart';
 
 class InputBar extends StatelessWidget {
@@ -146,8 +146,8 @@ class InputBar extends StatelessWidget {
         child: Row(
           crossAxisAlignment: CrossAxisAlignment.center,
           children: <Widget>[
-            Image(
-              image: AdvancedNetworkImage(url, useDiskCache: !kIsWeb),
+            CachedNetworkImage(
+              imageUrl: url,
               width: size,
               height: size,
             ),

lib/components/message_reactions.dart

@@ -1,7 +1,6 @@
 import 'package:famedlysdk/famedlysdk.dart';
-import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
-import 'package:flutter_advanced_networkimage/provider.dart';
+import 'package:cached_network_image/cached_network_image.dart';
 
 import 'matrix.dart';
 
@@ -89,13 +88,11 @@ class _Reaction extends StatelessWidget {
       content = Row(
         mainAxisSize: MainAxisSize.min,
         children: <Widget>[
-          Image(
-            image: AdvancedNetworkImage(
-              src,
-              useDiskCache: !kIsWeb,
-            ),
+          CachedNetworkImage(
+            imageUrl: src,
             height: fontSize,
           ),
+          Container(width: 4),
           Text(count.toString(),
               style: TextStyle(
                 color: textColor,