Flutter: how can I debug errors in loading image by NetworkImage? - flutter

I have an image on bunny.net and the link works on the browser. Issue is that the same link fails on
NetworkImage('link') or even
CachedNetworkImageProvider('link')
and I am unable to figure out what the issue might be. How should I go about debugging?

Related

Flutter webview is not showing image even thou it's so simple html

I am making a Flutter app, and I am using webview here.
It all goes fine but when it comes to image, it just fails.
Other text contents are all fine.
I tried several things but all failed.
You can replicate the test by this url
It appears fine from the browser but images never appaer only in flutter webview
This is my flutter code for the webview
I found the answer by myself. It was because the image source was referred as "http:". I just put the following tag and it solved like a charm

Flutter Release APK is not displaying content properly whereas Debug APK is working perfectly

When I'm exporting the APK or AAB of Flutter app, debug version is working great on all devices. But the release version is not working properly. It doesn't display any of the elements properly except images. I have attached a screenshot for reference.
I have tried multiple ways to figure this out.
I have tried with exporting apk with --no-shrink, filtered out x86 version for AAB, enabled internet permission also in Manifest file but it's still not fixed.
Please help.
Here is the app link on PlayStore : https://play.google.com/store/apps/details?id=com.theneondesign.flikko
Release version screenshot
Debug version screenshot
Update 22nd November 2022:
I figured out the exact issue but not the solution.
The issue is, I'm using height and width in some of the elements.
I'm getting the height and size from Get.context!.height and Get.context!.width
Get.context is not working in release and only works in debug.
Can you help me a way to resolve this?
I have already tried with Mediaquery but as the height and width are in a separate class, I cannot use BuildContext. I tried window size also, but it doesn't work as well. I'm new to Flutter, so I couldn't figure out any other way.

Fancybox Conflict issue

I have quick view pop up which uses jquery.fancybox.pack.js and a slider with image gallery popup which uses a jquery.fancybox.js
There is a script error in console as "TypeError: $.fancybox.getInstance is not a function" and also there is an issue with slider image gallery poopup(opening first image only on every image click)
I tried to solve the script error by removing jquery.fancybox.js file initialized in local.xml file. Now the script error is solved. But my slider with image gallery popup will not work.
When I initialized both jquery file in local.xml, got an error as "Error: fancyBox already initialized".
What could be the reason for this. How can I solve the issue with slider image gallery pop up.
Are these files(jquery.fancybox.pack.js and jquery.fancybox.js) same?
Please help.
Sounds like you are mixing different versions of fancyBox.
jquery.fancybox.pack.js is packed version of jquery.fancybox.js and it was shipped with v1 and v2.
V3 now has minified version (jquery.fancybox.min.js) and only v3 contains getInstance method.

jQuery-File-Upload: Image preview not being generated for all images

For most images jQuery-File-Upload is displaying a preview image. However, for some large images (14MB) no preview is being displayed. Why is this happening and is there anyway to fix this? Unfortunately I am not seeing any errors on my web dev console when this happens so I have no idea how to debug this issue.
Here is a link to an example image that will not display a preview for me.
This helps me in same situation:
in file
jquery.fileupload-image.js
change parameter
loadImageMaxFileSize: 40000000 /40MB

ModX Evo: TinyMCE wont insert image path into image URL in selector

This is occuring on ModX Evo 1.0.15.
When I try to select an image (or file) using TinyMCEs image selector I can upload and browse for the image but when I select it to place within my text nothing happens - the image path area remains blank.
Heres a video demonstrating what happens: https://www.youtube.com/watch?v=VSgTsyj9B6k&feature=youtu.be&hd=1
Does anyone know how to fix this?
Weird, never had that problem.
Did you try update / reinstall of Evo? (or only tinymce and kcfinder)
Are config paths correct?
Try testing in Firefox, It's possible it's related to Chrome. If it doesn't work in Firefox, Reinstall the plugin.
Clear your cache and try selecting the image.
For a temporary solution if this doesn't work, just type in the image name into the box 'images/imagename.jpg' (minus quotes)
Good Luck