Flutter’da bir resmi görüntülemek için genellikle Image bileşenini kullanırız.

import ‘package:flutter/material.dart’;

class MyImageWidget extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(‘Resim Örneği’),
),
body: Center(
child: Image.network(
‘https://example.com/path/to/image.jpg’,
width: 300,
height: 300,
fit: BoxFit.cover,
),
),
);
}
}

void main() {
runApp(MaterialApp(
home: MyImageWidget(),
));
}

Image.network() yöntemi, bir URL’den resmi yüklemek için kullanılır. width ve height özelliklerini belirterek resmin boyutunu kontrol edebilirsiniz. fit özelliği, resmi içeriği kapsayacak şekilde boyutlandırmanızı sağlar.

Ayrıca Image.asset() yöntemini kullanarak proje içindeki bir resmi de yükleyebilirsiniz. Bu yöntemi kullanırken, resmi projenizin assets dizininde bulunan yolunu belirtmelisiniz.

assets/images dizinindeki my_image.jpg resmini kullanıyoruz. Bu dizini pubspec.yaml dosyasında tanımlamanız ve resim dosyasını bu dizine yerleştirmeniz gerekmektedir.

Bu şekilde, Flutter’da resimleri görüntüleyebilirsiniz. İstediğiniz resmi URL’den veya proje içindeki bir dosyadan yükleyebilirsiniz.

Haziran 30, 2023

Flutter Dio Nedir?

ETİKETLER :

YORUMLAR

Bir yanıt yazın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir