Shulou(Shulou.com)06/02 Report--

This article focuses on "what is the role of Flutter's MediaQuery control", interested friends may wish to take a look. The method introduced in this paper is simple, fast and practical. Let's let the editor take you to learn "what is the function of Flutter's MediaQuery control"?

Note: without special instructions, the Flutter version and Dart version are as follows:

Flutter version: 1.12.13+hotfix.5

Dart version: 2.7.0

The layout code is as follows:

Var screenSize = MediaQuery.of (context) .size; if (screenSize.width > oneColumnLayout) {/ / tablet layout} else {/ / phone layout}

OneColumnLayout represents the width of a column layout.

System font change

Many App have a function of adjusting font size, which is realized through MediaQuery, as follows:

@ override Widget build (BuildContext context) {var _ data = MediaQuery.of (context) .copyWith (textScaleFactor: 2.0); return Scaffold (appBar: AppBar (title: Text (Lao Meng),), body: MediaQuery (data: _ data, child: Text ('bigger font'),);}

The font has doubled in size.

At this point, I believe you have a deeper understanding of "what is the role of Flutter's MediaQuery control". You might as well do it in practice. Here is the website, more related content can enter the relevant channels to inquire, follow us, continue to learn!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.