【Flutter/Dart】画像の使用例

Image.asset()・Image.network()を使用した時のメモです。

参照ページ
github.com

import 'package:flutter/material.dart';

// Imageの種類
// Image.asset()
// Image.network()
// Image.memory()
// Image.file()

void main() {
  // 画像
  final imgAss = Image.asset(
    'images/sushi.jpeg',
  );

  final imgNet1 = Image.network(
    'https://picsum.photos/250?image=9',
  );

  final imgNet2 = Image.network(
    'https://docs.flutter.dev/assets/images/dash/dash-fainting.gif',
  );

  // カラム
  final col = Column(
    mainAxisAlignment: MainAxisAlignment.spaceEvenly,
    crossAxisAlignment: CrossAxisAlignment.start,
    children: [imgAss, imgNet1, imgNet2],
  );

  // ロー
  final row = Row(
    mainAxisAlignment: MainAxisAlignment.spaceAround,
    crossAxisAlignment: CrossAxisAlignment.center,
    children: [col, col, col],
  );

  // アプリ
  final a = MaterialApp(
    home: Scaffold(
      body: Center(
        child: row,
      ),
    ),
  );
  runApp(a);
}