Image widget is crashing when using network paths from https://imagekit.io

[ckuzak]

Has your issue been reported?

• I have searched the existing issues and confirm it has not been reported.
• I give permission for members of the FlutterFlow team to access and test my project for the sole purpose of investigating this issue.

Current Behavior

Multiple crash types when using Image widget with network path to images behind https://imagekit.io image cdn. The crashes don't appear to impact user experience but are persistent. I have not looked at the http headers being returned by imagekit but wonder if the first response is confusing cache library to assume network path is null.

example uri: https://ik.imagekit.io/shopkuzaksapp/tr:w-1080,h-1350,fo-auto/v0/b/shopkuzaks-dev.appspot.com/o/users%2Fy5BlDdwN2reExitmNc1SxQdu7ou1%2Fuploads%2F1684367422263298_0.jpg?alt=media&token=ce712ba4-7a41-466d-bb72-3325e16e60d8

com.kuzakscloset.shopkuzaks_issue_8d7c4f9a531512429abe3d4344bc662e_crash_session_af49ac84aeb94afd8e3d1c9b5c41f160_DNE_0_v2_stacktrace.txt

com.kuzakscloset.shopkuzaks_issue_8d7c4f9a531512429abe3d4344bc662e_crash_session_af49ac84aeb94afd8e3d1c9b5c41f160_DNE_0_v2.log

Expected Behavior

no crashes, images load correctly from imagekit cdn network url path

Steps to Reproduce

1. add image widget to blank page
2. set to network path https://imagekit.io/$path
   example path: https://ik.imagekit.io/shopkuzaksapp/tr:w-1080,h-1350,fo-auto/v0/b/shopkuzaks-dev.appspot.com/o/users%2Fy5BlDdwN2reExitmNc1SxQdu7ou1%2Fuploads%2F1684367422263298_0.jpg?alt=media&token=ce712ba4-7a41-466d-bb72-3325e16e60d8

Reproducible from Blank

• The steps to reproduce above start from a blank project.

Bug Report Code (Required)

IT4shcr1sIhgofkB0ZD+a8B7/SkRQ1g5RoI4sctCTQwgGL7yBux3Ovf8QFZuXcu8aVNcE2aJ+U8y+tXFvc79JMArEyecGdVz+M51Ew/ke2iRWpPTErrpQkZtJJthIVSH36av3xZCJsRvdVoZwE+uPfK/YCnDFOu/Zwh9f6PHaOI=

Context

This issue doesn't seem to result in user visible issues. Maybe it causes a bit of a flicker. I have multiple crashlytics crashes so this happens reliably first time the image is loading.

Visual documentation

just trigger image load

Additional Info

No response

Environment

- FlutterFlow version: 3.1
- Platform: iOS and Android
- Browser name and version:
- Operating system and version affected:

[ckuzak]

shows varieties of crashes

[hariprasadms]

Hi @ckuzak, Thanks for posting the issue. I have tested the image link in my test projects that you have given above . It works fine and no image crash I can see. See below.

Considering the image load on UI. I see it is perfectly working fine. Is this you understanding as well ? please confirm. Thanks

[ckuzak]

I just gave that as an example I don't think its actually thatparticular image. As you can see from the crashlytics dashboard its frequently an issue in app. Perhaps, its noteworthy that the main way my app shows images is via a listview and an image displayed akin to Instagram.

Essentially the widget tree looks something like

a typical document looks like
id
image path (a GCS object via previous upload from image gallery widget)

Listview with query to firebase of which each document that contains an image path
container
image from network path

• path = get_cdn_url_from_gcs_image_path(image path from document, cdn_url)
• should it be notewory, imagekit is fetching the image from gcs, applying transforms, caching and then serving from imagekit cache instead of gcs

[ckuzak]

One more piece here, I added a default variable value for the image path which goes to a known good url (png file served from a gcs bucket). It's possible I don't understand the mechanics of how a default variable value works here but my expectation was that if the image path was null (from the firestore query) that the default variable value would be used which is not null.

I will see if I can repro in xcode or the Android studio simulator to get more data.