A way to show fallback image when the image is unavailable about firebase_image HOT 9 CLOSED

@suztomo I would be in support of this PR, personally. We have a use case where we show the avatar FileImage from onboarding if we have it, otherwise we show a FirebaseImage, but if it's not available we'd like to show a "anonymous user" style avatar.

from firebase_image.

@suztomo Finally found a way.

By using FadeInImage ,

I got it by:

          FadeInImage(
                      placeholder: 
                     FirebaseImage('gs://XXXXXX.appspot.com/0.jpg'),

                      image: 
                      FirebaseImage('gs://XXXXXXX.appspot.com/$someID.jpg'),
                      imageErrorBuilder: (
                    BuildContext context,
                    Object error,
                    StackTrace stackTrace
                  )
                  {
                    print("error");
                  //  return Text("error");
                    return Image(image : AssetImage('assets/testimage.jpg')) ;
                    
                    
                    },

                    )

Glad that I still can use this package, as the features really cool, and suitable for my current project.

from firebase_image.

With Flutter 1.17 stable release, Image widget has now has errorBuilder property.

https://api.flutter.dev/flutter/widgets/Image/errorBuilder.html

To me it seems that FirebaseImage is not the optimal place to handle image loading error. I might revisit this later (as I haven't tried Flutter 1.17), but closing this issue for now.

from firebase_image.

@suztomo Hello. By any chance, any other workaround if want to maintain using FirebaseImage?

from firebase_image.

@mocha234 No. Did you try the errorBuilder.

https://api.flutter.dev/flutter/widgets/Image/errorBuilder.html

from firebase_image.

@suztomo

Works on Image, Image.network, Image.asset etc. as per docs, But not in FirebaseImage, I'm thinking of trying to edit the package from my side and see how it goes, advisable?

from firebase_image.

Your observation indicates that FirebaseImage has not implemented certain features to tell error state. I’m afraid that I don’t have answer to that. Maybe worth a new GitHub issue?

from firebase_image.

Great. Thank you for sharing the solution!

from firebase_image.

@suztomo But the downfall is, I can't put animation in the placeholder, e.g. Flare loading bar etc.

from firebase_image.