Flutter İmage Kullanımı
Flutter’da bir resmi görüntülemek için genellikle Image bileşenini kullanırız. 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...
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.
