從網路顯示圖片

顯示圖片是大多數行動應用程式的基本功能。Flutter 提供 Image widget 來顯示不同類型的圖片。

若要使用來自 URL 的圖片，請使用 Image.network() 建構函式。

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

關於 Image widget 的一個有用的地方：它支援動畫 GIF。

Image.network(
    'https://flutter-docs.dev.org.tw/assets/images/dash/dash-fainting.gif');

預設的 Image.network 建構函式不處理更進階的功能，例如在載入後淡入圖片。若要完成此任務，請查看使用佔位符淡入圖片。

• 使用預留位置淡入圖片

import 'package:flutter/material.dart';

void main() => runApp(const MyApp());

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    var title = 'Web Images';

    return MaterialApp(
      title: title,
      home: Scaffold(
        appBar: AppBar(
          title: Text(title),
        ),
        body: Image.network('https://picsum.photos/250?image=9'),
      ),
    );
  }
}

除非另有說明，本網站上的文件反映了 Flutter 的最新穩定版本。頁面最後更新於 2024-06-26。 檢視原始碼 或 回報問題。