Flutter cannot load image from url

Question

I have an huge error when I try loading images from an url in flutter. I have uploaded it to hastebin: https://hastebin.com/iguvopihog.m

Here is my code:

import 'package:flutter/material.dart';
import 'package:test/news.dart';

void main() => runApp(new Main());

class Main extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new MaterialApp(
      title: 'Test',
      home: new Scaffold(
        body: new Image.network('www.google.de/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png'),
        appBar: new AppBar(
          title: new Text("Test"),
          actions: <Widget>[
            new IconButton(icon: new Icon(Icons.menu), onPressed: null),
          ],
        ),
      ),
    );
  }
}

Have you considered writing "www"... instead of "www"... ? You usually never give a like without specifying the protocole, or the computer will think that you want to access the local folder "www.google.de" instead of the actual server. — glemiere
– glemiere, Commented Mar 11, 2018 at 17:42

Günter Zöchbauer · Accepted Answer · 2018-03-11 17:30:54Z

23

For some reason Image.network seems to interpret the URL as file path.

Try instead setting the protocol explicitely:

body: new Image.network('http://www.google.de/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png'),

answered Mar 11, 2018 at 17:30

Günter Zöchbauer

661k235 gold badges2.1k silver badges1.6k bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Korex Over a year ago

Thank you. Sorry, I am new to flutter that is why I do not know how to do that. I did not find any suitable parameters in #network.

Günter Zöchbauer Over a year ago

No worries. SO is here to get questions answered. Your question did provide the necessary information for others to answer it, that is IMHO the most important part.

iAndroid Over a year ago

for more information please refer url docs.flutter.io/flutter/widgets/Image/Image.network.html

Günter Zöchbauer Over a year ago

@AarifAli thanks for your attempt to improve my answer! The changes were substantial and I'd suggest to post it as your own answer instead.

Collectives™ on Stack Overflow

Flutter cannot load image from url

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related