【Flutter】画像を表示:Image使い方を3分で解説!（サンプルコードあり）

import 'package:flutter/material.dart';

void main() => runApp(StatelessDemo());

class StatelessDemo extends StatelessWidget {

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('画像表示デモ'),
        ),
        body: Column(
          children: [
            Center(
              //アプリ内から画像を表示
              child: Image.asset('images/image_flutter.png'),
             ),
            Center(
              //指定URLから画像を表示
              child: Image.network('https://yakiimosan.com/wp-content/uploads/2022/07/yakiimo_pc-150x150.png'),
            ),
          ],
        ),
      ),
    );
  }
}

       

  # To add assets to your application, add an assets section, like this:
  assets:
     - images/

Center(
  child: Image.asset('images/image_flutter.png'),
),

Center(
  child: Image.network('https://yakiimosan.com/wp-content/uploads/2022/07/yakiimo_pc-150x150.png'),
),