CodeBlanks Logo Icon CodeBlanks

Image.file

Image.file ile cihazdaki dosya görselini göstermeyi öğrenirsin.

Image.file nedir?

Image.file, cihazın dosya sistemindeki bir görseli göstermek için kullanılır. Bir dart:io kütüphanesinden File nesnesi alır; asset ya da URL değil. Galeriden seçilen ya da uygulamaya indirilen görselleri gösterirken işine yarar.

import 'dart:io';

Image.file(File('/data/user/0/app/photo.png'))

dart:io ve dosya yolu

Image.file kullanırken dart:io kütüphanesinden File sınıfını içe aktarman gerekir. Dosya yolu platforma göre değişir; Android'de genelde uygulama dizini altında, masaüstünde tam dosya yoludur. Dosya yoksa uygulama hata verir.

import 'dart:io';

final file = File('/path/to/image.png');
Image.file(file)

Uygulama Image.file ile dosya görseli göster

dart:io'dan File içe aktar ve Image.file ile /tmp/photo.png görselini göster.

Başlangıç kodu

main.dart
import 'package:flutter/material.dart';
// dart:io'dan File içe aktar

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: Center(
          // Image.file ile /tmp/photo.png göster
          child: null,
        ),
      ),
    );
  }
}

Örnek çözüm

main.dart
import 'package:flutter/material.dart';
import 'dart:io';

void main() {
  print('FileImage: /tmp/photo.png');
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: Center(
          child: Image.file(File('/tmp/photo.png')),
        ),
      ),
    );
  }
}

Beklenen çıktı

FileImage: /tmp/photo.png

Soru ve cevaplar

Dersin sorularını cevaplarıyla birlikte inceleyebilirsin. Kendini denemek istersen dersi interaktif olarak çöz.

1 Image.file hangi parametre türünü alır?

  • String bir asset yolu
  • File nesnesi Doğru cevap
  • Uint8List bayt dizisi
  • String bir URL

Açıklama: Image.file bir dart:io File nesnesi bekler; URL ya da asset yolu dizesi almaz.

2 Image.file ile File nesnesi ver

Soru
Image.file(____)
Cevap
Image.file(File('/path/to/p.png'))

Açıklama: Image.file bir File nesnesi alır; dize ya da AssetImage değil. Ayrıca yol bir dosyayı işaret etmelidir.

3 Image.file parçaları

Kavram Anlamı
Image.file Dosya sisteminden görsel yükler
dart:io File sınıfının kaynağı
File(...) Dosya yolunu saran nesne
Dosya yolu Cihaza özgü konum

Başlangıç bölümündeki tüm dersler