Flutter Code Tip: Media Queryof

Eine Frage die sich beim programmieren eines Layouts in Flutter stellt, ist die nach den Bildschirmdimensionen. Möchte man ein Layout erstellen, das Rücksicht auf das verwendete Gerät nimmt, muss man Vorkehrungen treffen. Eine Möglichkeit dabei ist die Verwendung folgenden Codes:

	import 'package:flutter/material.dart';
	class klasse extends StatelessWidget {
	double myHeight = 0.0;
	double myWidth = 0.0;
	@override
	Widget build(BuildContext context){
	// ermittle die gegenwärtige Höhe und Breite des contexts
	this.myHeight = MediaQuery.of(context).size.height;
	this.myWidth = MediaQuery.of(context).size.width;
	// erstelle einen Container mit den ermittelten Daten
	return Container(
	height: this.myHeight,
	width: this.myWidth
	);
	}
	}

view raw mediaqueryof.dart hosted with ❤ by GitHub

Der Code selbst erklärt sich eigentlich von selbst. Entscheidend dabei ist die Benutzung der Klasse
Media Query und der Funktion MediaQueryof() .