gskinner / gskinner/image_fade

When returning from background image dissapear

Open
#12 3 comments 0 reactions 0 assignees View on GitHub
Dominant language
C++
Stars
29
Forks
10
PR merge metrics
No merged PRs in 30d

Description

Hey bro, I really love your plugin and I am using it for almost 3 years now. Thank you very much because FadeInImage sucks, and your plugin is way better.

I found a bug where when I return from background, images disappear, please take a look at video. So this images were here and everything was working perfectly but when I put app in background, lock screen and wait for 1 or 2 minutes, and then open again app, images disappear and after some scrolling they appear again.

I tried replacing ImageFade with FadeInImage and this is not happening, images don't disappear with FadeInImage.

FLUTTER DOCTOR:
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, 3.0.5, on macOS 11.6.4 20G417 darwin-x64, locale en-GB)
[✓] Android toolchain - develop for Android devices (Android SDK version 33.0.0)
[✓] Xcode - develop for iOS and macOS (Xcode 13.2.1)
[✓] Chrome - develop for the web
[✓] Android Studio (version 2020.3)
[✓] VS Code (version 1.70.2)
[✓] Connected device (2 available)
[✓] HTTP Host Availability

• No issues found!

TESTED on iPHONE 6s, iOS 15.3.1

Below is my code, so nothing fancy.
```
Container(
decoration: BoxDecoration(
color: Theme.of(context).appBarTheme.backgroundColor,
),
child: ClipRRect(
borderRadius: const BorderRadius.only(
topLeft: Radius.circular(5), topRight: Radius.circular(5)),
child: ImageFade(
image: NetworkImage(featuredMedia),
excludeFromSemantics: true,
placeholder: Image.memory(
kTransparentImage,
fit: BoxFit.cover,
),
fit: BoxFit.cover,
duration: const Duration(milliseconds: 300),
// fadeInCurve: Curves.easeInOut,
height: useTabletLayout ? 400 : 220,
alignment: Alignment.center,
width: MediaQuery.of(context).size.width,
),
),
);
```

https://user-images.githubusercontent.com/36572426/187848793-671d04b1-96cd-4b96-95ad-d04c1a29bd8b.MP4

Contributor guide

No contributing guide indexed for this repository

Research direction

Reproduce the issue on iOS using the provided ImageFade and NetworkImage snippet, then compare behavior with Flutter's FadeInImage after locking the device and waiting 1–2 minutes. Trace what happens to the images when the app resumes and scrolls; done means images remain visible immediately after returning from the background without requiring scrolling.

Written by the indexing model from the issue text.

Assessment

Tech stack
dart, flutter
Domain
mobile
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.