Flutter MediaQuery Kullanımı
Flutter MediaQuery Nedir? lutter, mobil uygulamalar ve web uygulamaları oluşturmak için kullanılan popüler bir çerçevedir. Medya sorguları, uygulamaların farklı cihazlarda veya ekran boyutlarında düzgün çalışmasını sağlamak için kullanılan bir tekniktir. Bu şekilde, uygulamalar farklı ekran boyutlarına uyum sağlayabilir ve kullanıcı deneyimini iyileştirebilir. Flutter’da medya sorgularını kullanmak için MediaQuery sınıfını kullanabilirsiniz....
Flutter MediaQuery Nedir?
lutter, mobil uygulamalar ve web uygulamaları oluşturmak için kullanılan popüler bir çerçevedir. Medya sorguları, uygulamaların farklı cihazlarda veya ekran boyutlarında düzgün çalışmasını sağlamak için kullanılan bir tekniktir. Bu şekilde, uygulamalar farklı ekran boyutlarına uyum sağlayabilir ve kullanıcı deneyimini iyileştirebilir.
Flutter’da medya sorgularını kullanmak için MediaQuery sınıfını kullanabilirsiniz. MediaQuery sınıfı, uygulamanın mevcut cihazın özelliklerini ve boyutunu sorgulamak için kullanılır. Buna göre, uygulamada belirli cihazlara veya ekran boyutlarına özgü düzen veya davranışlar sağlayabilirsiniz.
import ‘package:flutter/material.dart’;
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: MyHomePage(),
);
}
}
class MyHomePage extends StatelessWidget {
@override
Widget build(BuildContext context) {
// Ekranın genişliğini almak için MediaQuery kullanımı
double screenWidth = MediaQuery.of(context).size.width;
return Scaffold(
appBar: AppBar(
title: Text(‘Medya Sorgusu Kullanımı’),
),
body: Center(
child: screenWidth > 600
? Text(‘Geniş Ekran’)
: Text(‘Dar Ekran’),
),
);
}
}
MediaQuery.of(context).size.width ile cihazın ekran genişliğini alır ve genişliği 600 pikselden büyükse “Geniş Ekran”, küçükse “Dar Ekran” metnini gösterir. Böylece, farklı ekran boyutlarına uygun şekilde farklı içerikler veya düzenler kullanabilirsiniz.
Bu örnek sadece temel bir kullanımı gösterir. Uygulamanızın ihtiyaçlarına göre, medya sorgularını daha kapsamlı ve detaylı şekilde kullanabilirsiniz. Örneğin, ekran boyutlarına göre sütun sayısını veya farklı stil dosyalarını değiştirebilirsiniz. Flutter’da medya sorguları kullanarak, uygulamanızı farklı cihazlarda ve ekran boyutlarında daha iyi bir kullanıcı deneyimi sunacak şekilde uyarlayabilirsiniz.
