set a new image url can not refresh

[Jon2066]

_FastCachedImageState call _loadAsync only once，
when i set a new image url , new image will not be loaded.

I added this code

@override
  Widget build(BuildContext context) {
    if (_imageResponse?.error != null && widget.errorBuilder != null) {
      _logErrors(_imageResponse?.error);
      return widget.errorBuilder!(context, Object, StackTrace.fromString(_imageResponse!.error!));
    }
    if (_cachedUrl != widget.url) {
      _cachedUrl = widget.url;
      _loadAsync(_cachedUrl);
    }

[CHRISTOPANANJICKAL]

Can you explain how to recreate this issue?

[PeterCore]

me to

[ShafiqSadat]

Same Issue!
can't update URL!

[ghost]

@ShafiqSadat Please post a sample code here to reproduce this issue

[ShafiqSadat]

bandicam.2023-09-21.19-17-35-937.mp4

Check this video
and code

[ShafiqSadat]

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';

class TestScreen extends StatefulWidget {
  const TestScreen({super.key});

  @override
  State<TestScreen> createState() => _TestScreenState();
}

String url = "https://wallpaperswide.com/download/color_test-wallpaper-2560x1440.jpg";

TextEditingController urlController = TextEditingController();
class _TestScreenState extends State<TestScreen> {
  @override
  Widget build(BuildContext context) {
    return Container(
      child: Column(
        children: [
          TextField(
            controller: urlController,
            onSubmitted: (value) {
              setState(() {
                url = value;
                print("IMAGE URL CHANGED TO: $url");
              });
            },
            style: TextStyle(
              color: Colors.white,
            ),
            cursorColor: Colors.white,
            decoration: const InputDecoration(
              labelStyle: TextStyle(
                color: Color(0xc5ffffff),
              ),
              enabledBorder: UnderlineInputBorder(
                borderSide: BorderSide(
                  color: Color(0x51ffffff),
                  width: 2.0,
                ),
              ),
              focusedBorder: UnderlineInputBorder(
                borderSide: BorderSide(
                  color: Color(0xFFffffff),
                  width: 2.0,
                ),
              ),
              labelText: 'New URL',
              prefixIcon: Icon(
                Icons.person,
                color: Color(0xFFffffff),
              ),
            ),
          ),

          FastCachedImage(
              url: url,
            height: 500,
              width: 500,
          ),
        ],
      ),
    );
  }
}

[ShafiqSadat]

@christoPBG

[ghost]

@ShafiqSadat did you try adding a key to the widget?
FastCachedImage(
url: url,
key:Key(url),
height: 500,
width: 500,
),

[muccy-timeware]

Sorry @CHRISTOPANANJICKAL. I stumbled on the same problem and I'm asking myself if adding the key is a real solution. It seems to like a good workaround. Maybe I could look into it if you want, because we are developing an app relying on this plugin and otherwise we should create a wrapper in order to set the key everytime

[CHRISTOPANANJICKAL]

IMHO it's always good to use any service with a wrapper or like a DI model. The advantage is, in future if you try to change the package or if there comes a major update in the same package which affects the current usage code, you can change it in one place instead for changing it in all other widgets.

I am sorry to say that I am very busy these days. Ill address the issues once I am free. 🫰