Questions tagged [flutter-image]

Anything that relates to handle images in Flutter, commonly the usage for Flutter Image component.

Image is a very important part of Flutter, it provides the ability to handle image display, encoding/decoding, and processing.

286 questions
60
votes
4 answers

Flutter Image object to ImageProvider

I had to read my image source from base64 to flutter Image object. Image img = Image.memory(base64Decode(BASE64_STRING)); and then i wanted to put the image as a Container background. But DecorationImage is only accepting ImageProvider. How to…
vonqo
  • 744
  • 1
  • 6
  • 18
20
votes
2 answers

Leading Image overflows in ListTile

I have a ListView with ListTile. Each ListTile has a title with Text, subtitle with Text, and leading with an Image. Now, the Image is too big and vertically stretches into the next row, overlapping the Image there. How can I make sure that the…
user3612643
  • 5,096
  • 7
  • 34
  • 55
16
votes
2 answers

How to use mix blend mode in flutter?

I have tried the blend mode that seems to be working for only color i.e colorblendmode. Is there any way to achieve the mix-blend-mode as of CSS? Stack( children: [ Image.asset( "asset/text.PNG", …
sid
  • 407
  • 5
  • 13
15
votes
2 answers

How to get the original path of an image chosen with image picker plugin in Flutter instead of copying to cache?

I'm making an Android app, and when using the image picker plugin; final pickedFile = await ImagePicker().getImage(source: ImageSource.gallery); File image = File(pickedFile.path); the 'image' is a copy of the original image in the app's cache,…
Milky
  • 153
  • 1
  • 5
9
votes
2 answers

Change Image.asset opacity using opacity parameter in Image widget

I have a simple image that I want to put semi transparent. I have seen some methods to do it, but none of them was talking about the parameter opacity of the own Image.asset that accepts a widget of type Animation. Is it possible to change the…
JAgüero
  • 403
  • 1
  • 4
  • 14
8
votes
2 answers

How to prevent caching images from network flutter?

I have tried all of the following Widget to load images from network : Image.network() CachedNetworkImage() And also their ImageProvider : NetworkImage CachedNetworkImageProvider There is no bool to choose not to cache images. The only way i…
Tom3652
  • 2,540
  • 3
  • 19
  • 45
7
votes
2 answers

White flash when image is repainted [flutter]

I'm trying to build a grid of images with a given width and height, wrapping them inside Containers and using fit: BoxFit.fill to be able to set a border if the image is selected (i don't care to keep the image aspect ratio, i want to have the same…
Ansharja
  • 1,237
  • 1
  • 14
  • 37
7
votes
2 answers

Flutter drawer background image

I wonder if i can use background image instead of color in flutter app drawer header, Is there any way? I am able to customize he color but i am wonder if is there any property to alter the color with custom image.
6
votes
2 answers

Connection closed while receiving data(image through NetworkImage) flutter while retriving data from localhost

While retrieving the image file from network http://10.0.2.2:8000 localhost I got the following error: Connection closed while receiving data. I have an error when I call data (images only) from the URL. Note that I am using a local server. I’m…
6
votes
2 answers

Flutter web - Failed to load network image

I have images in my project's firebase storage bucket that I would like to display in the UI. I followed the instructions from another stack overflow answer, but it didn't work for me. For being able to display your images from Firebase Storage on…
6
votes
2 answers

How to create an image from a widget in Flutter-web?

To display custom widgets on google maps google_maps_flutter I use a very convenient function that translates any Widget (including those containing images) into an Image, which I then translate into the Uint8List I need. It works great on iOS and…
Alex
  • 1,457
  • 1
  • 13
  • 26
5
votes
0 answers

Flutter: redraw Custompaint lines after changing scale

I am creating a note-taking app using Flutter and I use a CustomPainter for the drawing part. For better performance, the CustomPaint gets converted into an image after some Lines. Now the problem with images is when zooming in, the lines (which are…
Yusuf-Uluc
  • 887
  • 4
  • 15
5
votes
5 answers

Cannot catch NetworkImageLoadException when Image.network() failed

I use Image.network() to show image from URL this is how I use it Image image = Image.network( _auth.currentUser!.photoURL!, width: 100.getWidth(context), height: 100.getWidth(context), frameBuilder: (context, child, frame,…
Fei Whang
  • 209
  • 4
  • 11
5
votes
2 answers

Stop GIF animation on click in flutter

I am new in flutter. I am try to pause animation of GIF image on click and resume animation on second click but i have not idea about how to implement that in flutter. I am using asset image for that, Image.asset('images/xyz.gif') but problem is…
5
votes
3 answers

How to fit an Image to column width in Flutter?

I want to fit a child image to the width of the column father. Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Image.network("Some image url"), Text("Fitted image"), ], ),
José Lozano Hernández
  • 1,813
  • 1
  • 17
  • 21
1
2 3
18 19