image not showing from internet using Image.network - flutter

Question

import 'package:flutter/material.dart';
import 'package:flutter/src/widgets/basic.dart';
void main() {
runApp(
MaterialApp(
home: Scaffold(
backgroundColor: Colors.blueGrey,
appBar: AppBar(
backgroundColor: Colors.blueGrey[900],
title: Text("I AM RICH"),
),
body: Center(
child:Image(
image: NetworkImage('https://images.pexels.com/photos/462118/pexels-photo-462118.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500'),
),
),
),
debugShowCheckedModeBanner: false,
)
);
}

Answer 1

In debug mode service extension and multiple permissions are enabled by default(in flutter)
as you are in release mode you have to add internet permission in androidmanifest.xml manually.( Just like you add it in native development)
navigate to android-> app-> src-> main-> AndroidManifest.xml and add this line outside of application scope.
<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />

Answer 2

This happened to me today and i figured that my emulator was not connected to the internet.if you are facing this issue make sure your device you are using is connected to the internet.

Answer 3

Even I was facing the same problem until I checked that my device was not connected to the Internet and later turned it On the NetworkImage loaded the image from the URL string passed

Answer 4

You should use the network constructor. Please change this:
Image(
image: NetworkImage('https://images.pexels.com/photos/462118/pexels-photo-462118.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500'),
)
to this:
Image.network('https://images.pexels.com/photos/462118/pexels-photo-462118.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500')

Answer 5

You can use in Container in your body like this and wrap your Container with Center Widget
Container(
height: 90,
width: 90,
decoration: BoxDecoration(
image: DecorationImage(
image: NetworkImage("https://images.pexels.com/photos/462118/pexels-photo-462118.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500"),
//whatever image you can put here
fit: BoxFit.cover,
),
),
),

Answer 6

Check if your emulator is able to access internet first. Try loading any url in Google Chrome inside emulator. If not, add the dns address 8.8.8.8 to your network settings.

Answer 7

Try adding below line in main/Manifest file.
android:usesCleartextTraffic="true"
You can get more detail by implementing errorBuilder listener in Image.network widget.

Answer 8

I think your code is fine, to resolve this shutdown android studio & Emulator and restart it again.
It works for me, and it keeps happening to me, I guess its because it couldn't load the photo
CircleAvatar(
backgroundImage: NetworkImage('https://www.pinclipart.com/picdir/big/218-2189254_free-online-avatars-kid-characters-family-vector-for.png'));

Answer 9

Also check if your phone connected to the internet.

Answer 10

n debug mode service extension and multiple permissions are enabled by default(in flutter)
as you are in release mode you have to add internet permission in androidmanifest.xml manually.( Just like you add it in native development)
navigate to android-> app-> src-> main-> AndroidManifest.xml and add this line outside of application scope.