Adjust textSize, widget sizes based on the screen

Question

I am developing for an app for mobile devices and android tv(48 inches TV). I adjust fontSize, widget sizes using MediaQuery. Is there any better way to do these things?

static double width(BuildContext context) => MediaQuery.of(context).size.width;

height: height * 1 / 32,

textSize: height * 1 / 32

Line > Container widget

CustomLine(
              width: width * (1 / 8),
              height: height * (1 / 512),
              color: Palette.white,
            ),

check [flutter_screenutil](https://pub.dev/packages/flutter_screenutil) out. — Henok, Feb 21 '20 at 08:15

score 0 · Answer 1 · answered Feb 21 '20 at 08:19

0

It depends if you want the size with or without the safe Area :

https://stackoverflow.com/a/57237870/12937274

You can also try that:

 import 'dart:ui';

window.physicalSize;

answered Feb 21 '20 at 08:19

Adrien Panel

1
1

score 0 · Answer 2 · answered Feb 21 '20 at 08:22

I have never developed anything for such a screen, but I have used the auto_size_text package in the past to easily size text automatically based on available space, and it works really well. With this package, you don't need to handle the sizings explicitly for every Text.

Another way of doing it could be to use the LayoutBuilder class to get the available space around your Text widget, and handle the proper sizing yourself.

Adjust textSize, widget sizes based on the screen

2 Answers2