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.
Bu Yazıya Tepkin Ne Oldu ?
YORUMLAR