How can i show image in Flutter?

Question

I build a folder assets and added there my logo.png. But it shows unable to load asset: assets/logo.png . How can I fix this? Below you can find my code.

import 'package:flutter/material.dart';
import 'package:color/color.dart';


class HomePage extends StatefulWidget {
  const HomePage({Key? key}) : super(key: key);

  @override
  State<HomePage> createState() => _HomePageState();
}

class _HomePageState extends State<HomePage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Stack(
        children: [
          Container(
         color: Colors.grey[900],
         child: Row(
          mainAxisAlignment: MainAxisAlignment.start,
          children: <Widget>[
            SizedBox(
              height: 100,
              width: 150,
              child: Image.asset('assets/logo.png'),
            )
          ],
         ),
          )
        ],
      ),
    );
  }
}

Where did you put the assets folder?

Ivo
– Ivo

2022-09-06 12:23:48 +00:00
Commented Sep 6, 2022 at 12:23 — Ivo
– Ivo, Commented Sep 6, 2022 at 12:23

Yunus Emre Çelik · Accepted Answer · 2022-09-06 12:22:03Z

2

You need to add also pubspec.yaml file like this.

flutter:

  uses-material-design: true
  assets:
    - assets/logo.png

answered Sep 6, 2022 at 12:22

Yunus Emre Çelik

3263 silver badges12 bronze badges

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

11 Comments

user19877113 Over a year ago

Emre . I did it but still same problem

Yunus Emre Çelik Over a year ago

Sometimes you may need to delete and reinstall the application. or if you are using android studio you need to do invalidate caches and restart

Yunus Emre Çelik Over a year ago

Usually we use like this. We create images folder under assets folder. After we define like this. - assets/images/ After that i add all photos into images folder.