Beyond Mobile: Material Design, Adaptable UIs, and Flutter (Google I/O'19)
Why Stack Overflow recommends it
Stack Overflow users link it as the source for the MediaQuery textScaleFactor override in MaterialApp.builder, and as a reference for Flutter running on a watch.
Recommended by 2 people across 2 different months, 2019 to 2021.
What it is
A Google I/O 2019 session from the Flutter team, presented by Will Larche and Anthony Robledo, on the growth of the Material Components library and how it works with the Cupertino iOS design library. It covers adapting Flutter UIs to different screen sizes, interaction models and viewing distances.
What people said
Recommends moonvader · 2019-05 · Stack Overflow · on “How to manage global textScaleFactor in Flutter app properly?”
This solution was presented during Google I/O'19 [this video] (around the 20-minute mark): MaterialApp( builder: (BuildContext context, Widget child){ final MediaQueryData data = MediaQuery.of(context); return MediaQuery( data: data.copyWith( textScaleFactor: data.textScaleFactor * (_isPassive ? 2 : 1) ), child: child, ); }, If you wish that everything had a fixed textScaleFactor , you could replace data.textScaleFactor * (_isPassive ? 2 : 1) for a single number. 1.0 would make your design to always follow your fontSize s.
Recommends epynic · 2021-09 · Stack Overflow · on “Flutter: Difference of size between ios and android”
This was explained in the GoogleIO presentation [this video] you can try their solution. MaterialApp( builder: (context, child) { return MediaQuery( child: child, data: MediaQuery.of(context).copyWith(textScaleFactor: 1.0), ); }, ) Setting the MediaQuery.textScaleFactorOf(context) should also help eg. fontSize: 18 * MediaQuery.textScaleFactorOf(context),
Cites Michal Šrůtek · 2021-11 · Stack Overflow · on “It is possible to use flutter to create something to Watch OS or Android Wear?”
"...we were able to do a little hacking and get things running also on the watch..." - Google I/O'19 - [this video]