flutter get screen width code example

Example 1: flutter get width of screen

double height = MediaQuery.of(context).size.height;
double width = MediaQuery.of(context).size.width;

Example 2: flutter screen size

double width = MediaQuery.of(context).size.width;
double height = MediaQuery.of(context).size.height;

Example 3: how to get screen size in flutter

double width = MediaQuery. of(context). size. width;
double height = MediaQuery. of(context). size. height;

Example 4: get the available screen height flutter

Getting width is easy but height can be tricky, following are the ways to deal
with height

// Full screen width and height
double width = MediaQuery.of(context).size.width;
double height = MediaQuery.of(context).size.height;

// Height (without SafeArea)
var padding = MediaQuery.of(context).padding;
double height1 = height - padding.top - padding.bottom;

// Height (without status bar)
double height2 = height - padding.top;

// Height (without status and toolbar)
double height3 = height - padding.top - kToolbarHeight;

Example 5: get screen height flutter

double height = MediaQuery.of(context).size.height;

Example 6: how to give width based on screen size flutter

import 'package:flutter_screenutil/flutter_screenutil.dart';

Tags:

Misc Example