{"id":346205,"date":"2023-03-03T09:00:25","date_gmt":"2023-03-03T09:00:25","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=346205"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=346205","title":{"rendered":"\u041a\u0430\u043a \u043d\u0435 \u00ab\u0441\u043b\u043e\u043c\u0430\u0442\u044c\u00bb \u0432\u0451\u0440\u0441\u0442\u043a\u0443 Flutter-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0438\u0437-\u0437\u0430 textScaleFactor<\/span>"},"content":{"rendered":"
<\/div>\n
\n
\n
\n
\n

\u041e\u0434\u043d\u0430\u0436\u0434\u044b \u044f \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u043b \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043f\u043e \u0442\u0435\u043a\u0443\u0449\u0435\u043c\u0443 \u043f\u0440\u043e\u0435\u043a\u0442\u0443 \u043d\u0430 \u0441\u0432\u043e\u0439 \u0441\u043c\u0430\u0440\u0442\u0444\u043e\u043d \u0438 \u0437\u0430\u043c\u0435\u0442\u0438\u043b, \u0447\u0442\u043e \u043d\u0430 \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u044d\u043a\u0440\u0430\u043d\u0430\u0445 \u0438\u0437\u043c\u0435\u043d\u0438\u043b\u0430\u0441\u044c \u0432\u0451\u0440\u0441\u0442\u043a\u0430: \u00ab\u043f\u043e\u0435\u0445\u0430\u043b\u043e\u00bb \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u0442\u0435\u043a\u0441\u0442\u0430, \u0445\u043e\u0442\u044f \u043f\u0440\u0438 \u0440\u0430\u0431\u043e\u0442\u0435 \u0441 \u044d\u043c\u0443\u043b\u044f\u0442\u043e\u0440\u043e\u043c \u0432\u0441\u0451 \u0431\u044b\u043b\u043e \u043d\u043e\u0440\u043c\u0430\u043b\u044c\u043d\u043e.\u00a0<\/p>\n

\u041c\u0435\u043d\u044f \u0437\u043e\u0432\u0443\u0442 \u0414\u0430\u043d\u0438\u043b\u044c \u0413\u0430\u043b\u0438\u043c\u0437\u044f\u043d\u043e\u0432, \u044f \u043d\u0430\u0447\u0438\u043d\u0430\u044e\u0449\u0438\u0439 Flutter-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a \u0432 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438 Surf. \u0420\u0430\u0437\u043e\u0431\u0440\u0430\u043b\u0441\u044f, \u0432 \u0447\u0451\u043c \u043f\u0440\u0438\u0447\u0438\u043d\u0430 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b \u0441 \u0432\u0451\u0440\u0441\u0442\u043a\u043e\u0439 \u0442\u0435\u043a\u0441\u0442\u0430, \u0438 \u0445\u043e\u0447\u0443 \u043f\u043e\u0434\u0435\u043b\u0438\u0442\u044c\u0441\u044f \u0441 \u0432\u0430\u043c\u0438.<\/p>\n

\u041f\u0440\u043e\u0431\u043b\u0435\u043c\u0430 \u043d\u0430\u0433\u043b\u044f\u0434\u043d\u043e<\/h3>\n

\u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u043d\u0430 \u043a\u043e\u0434 \u0432\u0438\u0434\u0436\u0435\u0442\u0430 MyWidget \u0438\u0437 \u044d\u0442\u043e\u0433\u043e gist \u0432 DartPad.<\/u><\/a>\u00a0<\/p>\n

import 'package:flutter\/material.dart';  void main() {   runApp(const MyApp()); }  class MyApp extends StatefulWidget {   const MyApp({super.key});    @override   State<MyApp> createState() => _MyAppState(); }  class _MyAppState extends State<MyApp> {   double _deviceTsf = 1.0;   @override   Widget build(BuildContext context) {     return MaterialApp(       debugShowCheckedModeBanner: false,       builder: (context, child) {         return MediaQuery(           data: MediaQuery.of(context).copyWith(textScaleFactor: _deviceTsf),           child: child ?? const SizedBox.shrink(),         );       },       home: Scaffold(         appBar: AppBar(           title: Text(             'Text Scale Factor \u043d\u0430 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u0435 = $_deviceTsf',             textScaleFactor: 1.0,           ),         ),         body: Center(           child: Column(             mainAxisAlignment: MainAxisAlignment.center,             children: [               const SizedBox(height: 40),               const Text(                 '\u0422\u0438\u043f\u0430 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u0440\u0430\u0437\u043c\u0435\u0440\u0430 \u0448\u0440\u0438\u0444\u0442\u0430 \u0432 Accessibility',                 textScaleFactor: 1.0,               ),               Slider(                 value: _deviceTsf,                 min: 0.85,                 max: 1.3,                 divisions: 3,                 onChanged: (value) {                   setState(() {                     _deviceTsf = value;                   });                 },               ),               Padding(                 padding: const EdgeInsets.symmetric(horizontal: 10),                 child: Row(                   mainAxisAlignment: MainAxisAlignment.spaceBetween,                   children: const [                     Text('0.85', textScaleFactor: 1.0),                     Text('1.00', textScaleFactor: 1.0),                     Text('1.15', textScaleFactor: 1.0),                     Text('1.30', textScaleFactor: 1.0),                   ],                 ),               ),               Flexible(child: MyWidget(deviceTsf: _deviceTsf)),             ],           ),         ),       ),     );   } }  class MyWidget extends StatelessWidget {   final double deviceTsf;   const MyWidget({required this.deviceTsf, super.key});    @override   Widget build(BuildContext context) {     const defaultTextSize = 25;     final defaultTextStyle = TextStyle(       fontSize: defaultTextSize.toDouble(),       color: Colors.black,     );     const additionalTextSpans = <TextSpan>[       TextSpan(         text: ' widget ',         style: TextStyle(fontStyle: FontStyle.italic),       ),       TextSpan(         text: '- size $defaultTextSize',         style: TextStyle(fontWeight: FontWeight.bold),       )     ];      return Column(       mainAxisAlignment: MainAxisAlignment.center,       children: [         Text(           'Text widget - size $defaultTextSize',           textAlign: TextAlign.center,           style: defaultTextStyle, \/\/ \u0417\u0430\u0434\u0430\u043d\u043d\u044b\u0439 \u0441\u0442\u0438\u043b\u044c \u0442\u0435\u043a\u0441\u0442\u0430 \u0432\u044b\u0441\u043e\u0442\u043e\u0439 25         ),         const SizedBox(height: 20),         Text.rich(           textAlign: TextAlign.center,           TextSpan(             text: 'Text.rich',             style: defaultTextStyle, \/\/ \u0417\u0430\u0434\u0430\u043d\u043d\u044b\u0439 \u0441\u0442\u0438\u043b\u044c \u0442\u0435\u043a\u0441\u0442\u0430 \u0432\u044b\u0441\u043e\u0442\u043e\u0439 25             children: additionalTextSpans,           ),         ),         const SizedBox(height: 20),         RichText(           textAlign: TextAlign.center,           text: TextSpan(             text: 'RichText',             style: defaultTextStyle, \/\/ \u0417\u0430\u0434\u0430\u043d\u043d\u044b\u0439 \u0441\u0442\u0438\u043b\u044c \u0442\u0435\u043a\u0441\u0442\u0430 \u0432\u044b\u0441\u043e\u0442\u043e\u0439 25             children: additionalTextSpans,           ),         ),         const SizedBox(height: 20),         Text(           deviceTsf != 1 ? '?' : '?',           style: const TextStyle(fontSize: 40),         ),       ],     );   } } <\/code><\/pre>\n
\u0412\u0440\u043e\u0434\u0435 \u0431\u044b \u0440\u0430\u0437\u043c\u0435\u0440 \u0442\u0435\u043a\u0441\u0442\u0430 \u0437\u0430\u0434\u0430\u043d \u0432\u0435\u0437\u0434\u0435 \u043e\u0434\u0438\u043d\u0430\u043a\u043e\u0432\u044b\u0439: \u043e\u043d \u0440\u0430\u0432\u0435\u043d 25. \u041d\u043e \u043a\u043e\u0433\u0434\u0430 \u043c\u0435\u043d\u044f\u0435\u0442\u0441\u044f \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0442\u0435\u043a\u0441\u0442\u0430, \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442\u0441\u044f \u0440\u0430\u0437\u043d\u043e\u0435. \u0425\u043c\u2026<\/p>\n
\u0412 \u043f\u0440\u0438\u043c\u0435\u0440\u0435 \u0432\u044b\u0448\u0435 \u043c\u044b \u0434\u043b\u044f \u043d\u0430\u0433\u043b\u044f\u0434\u043d\u043e\u0441\u0442\u0438 \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u043b\u0438 \u044d\u043c\u0443\u043b\u044f\u0446\u0438\u044e \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0442\u0435\u043a\u0441\u0442\u0430. \u0415\u0441\u043b\u0438 \u0436\u0435 \u0437\u0430\u0434\u0430\u0432\u0430\u0442\u044c \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u0432 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430\u0445 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0430, \u0430 \u043d\u0435 \u043f\u043e\u0434\u043c\u0435\u043d\u044f\u0442\u044c \u0432 MaterialApp, \u0442\u043e \u043a\u0430\u0440\u0442\u0438\u043d\u0430 \u0431\u0443\u0434\u0435\u0442 \u0430\u043d\u0430\u043b\u043e\u0433\u0438\u0447\u043d\u0430\u044f:<\/p>\n
<\/figcaption><\/figure>\n
\u041f\u043e\u0447\u0435\u043c\u0443 \u0442\u0430\u043a \u043f\u043e\u043b\u0443\u0447\u0438\u043b\u043e\u0441\u044c<\/h3>\n
\u0414\u0435\u043b\u043e \u0431\u044b\u043b\u043e \u0432 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430\u0445 \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0442\u0435\u043a\u0441\u0442\u0430 \u043d\u0430 \u043c\u043e\u0451\u043c \u0441\u043c\u0430\u0440\u0442\u0444\u043e\u043d\u0435, \u0430 \u0435\u0441\u043b\u0438 \u0442\u043e\u0447\u043d\u0435\u0435 \u2014 \u0432 \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0435 textScaleFactor, \u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u0435\u0441\u0442\u044c \u0443 \u0432\u0438\u0434\u0436\u0435\u0442\u043e\u0432 Text \u0438 RichText. \u0414\u043b\u044f \u0443\u043f\u0440\u043e\u0449\u0435\u043d\u0438\u044f \u0431\u0443\u0434\u0435\u043c \u043d\u0430\u0437\u044b\u0432\u0430\u0442\u044c \u0435\u0433\u043e TSF.<\/p>\n
TSF \u2014 \u043e\u0434\u0438\u043d \u0438\u0437 Accessibility-\u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u043e\u0432, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0437\u0430\u0434\u0430\u0435\u0442\u0441\u044f \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u043c. \u042d\u0442\u043e \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0435\u043c\u044b\u0445 \u043f\u0438\u043a\u0441\u0435\u043b\u0435\u0439 \u043d\u0430 \u044d\u043a\u0440\u0430\u043d\u0435 \u0434\u043b\u044f \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u043b\u043e\u0433\u0438\u0447\u0435\u0441\u043a\u043e\u0433\u043e \u043f\u0438\u043a\u0441\u0435\u043b\u044f. \u0423 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f \u044d\u0442\u0438 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u043d\u0430\u0445\u043e\u0434\u044f\u0442\u0441\u044f \u0432 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0435\u043c \u0440\u0430\u0437\u0434\u0435\u043b\u0435 \u043d\u0430\u0441\u0442\u0440\u043e\u0435\u043a \u0441\u043c\u0430\u0440\u0442\u0444\u043e\u043d\u0430.<\/p>\n
\u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0435\u0441\u043b\u0438 TSF \u0440\u0430\u0432\u0435\u043d 1,5, \u0442\u0435\u043a\u0441\u0442 \u043d\u0430 \u044d\u043a\u0440\u0430\u043d\u0435 \u0431\u0443\u0434\u0435\u0442 \u043d\u0430 50% \u0431\u043e\u043b\u044c\u0448\u0435 \u0443\u043a\u0430\u0437\u0430\u043d\u043d\u043e\u0433\u043e \u0440\u0430\u0437\u043c\u0435\u0440\u0430 \u0448\u0440\u0438\u0444\u0442\u0430 fontSize.<\/p>\n
\u041a\u0430\u043a \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0441 TSF<\/h3>\n
\u041f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 TSF \u0438\u0437 \u0441\u0438\u0441\u0442\u0435\u043c\u044b. \u0414\u043e\u0441\u0442\u0443\u043f \u043a \u043d\u0435\u043c\u0443 \u043c\u043e\u0436\u043d\u043e \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u043f\u0440\u0438 \u043f\u043e\u043c\u043e\u0449\u0438 \u043a\u043b\u0430\u0441\u0441\u0430 MediaQuery<\/code>, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0445\u0440\u0430\u043d\u0438\u0442 \u0432 \u0441\u0435\u0431\u0435 MediaQueryData<\/code> \u0441 \u043d\u0443\u0436\u043d\u044b\u043c \u043d\u0430\u043c \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u043e\u043c.<\/p>\n
MaterialApp<\/code>, CupertinoApp<\/code> \u0438 WidgetsApp<\/code> \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u044e\u0442 MediaQuery<\/code> \u0432 \u0434\u0435\u0440\u0435\u0432\u043e. \u0421\u0442\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u043c\u0435\u0442\u043e\u0434 of<\/code> \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442 \u043f\u043e \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442\u0443 \u0431\u043b\u0438\u0436\u0430\u0439\u0448\u0438\u0439 InheritedWidget<\/code> \u0442\u0438\u043f\u0430 MediaQuery<\/code> \u0438 \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u0442 \u0438\u0437 \u043d\u0435\u0433\u043e \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u043e data<\/code> \u0442\u0438\u043f\u0430 MediaQueryData<\/code>:<\/p>\n
final textScaleFactor = MediaQuery.of(context).textScaleFactor;<\/code><\/pre>\n
\u0422\u0430\u043a\u0436\u0435 \u043c\u043e\u0436\u043d\u043e \u0432\u043e\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u0441\u0442\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u043c \u043c\u0435\u0442\u043e\u0434\u043e\u043c textScaleFactorOf<\/code>, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043b\u0438\u0431\u043e \u0432\u0435\u0440\u043d\u0435\u0442 \u0442\u0435\u043a\u0443\u0449\u0438\u0439 TSF \u043d\u0430 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u0435, \u043b\u0438\u0431\u043e 1.0, \u0435\u0441\u043b\u0438 MediaQuery<\/code> \u043d\u0435 \u0431\u044b\u043b \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d \u0432\u044b\u0448\u0435 \u043f\u043e \u0434\u0435\u0440\u0435\u0432\u0443.<\/p>\n
final textScaleFactor = MediaQuery.textScaleFactorOf(context);<\/code><\/pre>\n
\u041a\u0430\u043a \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u044b\u0435 \u0432\u0438\u0434\u0436\u0435\u0442\u044b \u0440\u0430\u0431\u043e\u0442\u0430\u044e\u0442 \u0441 TSF<\/h3>\n
\u0414\u043b\u044f \u0432\u0438\u0434\u0436\u0435\u0442\u0430 Text \u0432\u0441\u0451 \u043f\u0440\u043e\u0441\u0442\u043e<\/h4>\n
\u0415\u0441\u0442\u044c \u0442\u0440\u0438 \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u0430, \u043e\u0442\u043a\u0443\u0434\u0430 \u0432\u0438\u0434\u0436\u0435\u0442 Text \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f:<\/p>\n