Showing
4 changed files
with
37 additions
and
16 deletions
| 1 | import 'dart:ui'; | 1 | import 'dart:ui'; |
| 2 | 2 | ||
| 3 | +import 'package:example/text_style.dart'; | ||
| 3 | import 'package:flutter/material.dart'; | 4 | import 'package:flutter/material.dart'; |
| 4 | import 'package:flutter_screenutil/flutter_screenutil.dart'; | 5 | import 'package:flutter_screenutil/flutter_screenutil.dart'; |
| 5 | 6 | ||
| @@ -107,10 +108,7 @@ class _ExampleWidgetState extends State<ExampleWidget> { | @@ -107,10 +108,7 @@ class _ExampleWidgetState extends State<ExampleWidget> { | ||
| 107 | )), | 108 | )), |
| 108 | Text( | 109 | Text( |
| 109 | 'My font size is 24px on the design draft and will change with the system.', | 110 | 'My font size is 24px on the design draft and will change with the system.', |
| 110 | - style: TextStyle( | ||
| 111 | - color: Colors.black, | ||
| 112 | - fontSize: ScreenUtil() | ||
| 113 | - .setSp(24, allowFontScalingSelf: true))), | 111 | + style: ts.t1), |
| 114 | ], | 112 | ], |
| 115 | ) | 113 | ) |
| 116 | ], | 114 | ], |
| 1 | +import 'package:example/text_style.dart'; | ||
| 1 | import 'package:flutter/material.dart'; | 2 | import 'package:flutter/material.dart'; |
| 2 | import 'package:flutter_screenutil/flutter_screenutil.dart'; | 3 | import 'package:flutter_screenutil/flutter_screenutil.dart'; |
| 3 | 4 | ||
| @@ -31,7 +32,7 @@ class _MyHomePageState extends State<MyHomePage> { | @@ -31,7 +32,7 @@ class _MyHomePageState extends State<MyHomePage> { | ||
| 31 | Widget build(BuildContext context) { | 32 | Widget build(BuildContext context) { |
| 32 | //设置适配尺寸 (填入设计稿中设备的屏幕尺寸) 此处假如设计稿是按iPhone6的尺寸设计的(iPhone6 750*1334) | 33 | //设置适配尺寸 (填入设计稿中设备的屏幕尺寸) 此处假如设计稿是按iPhone6的尺寸设计的(iPhone6 750*1334) |
| 33 | 34 | ||
| 34 | - ScreenUtil.init(context,width: 750, height: 1334, allowFontScaling: false); | 35 | + ScreenUtil.init(context, width: 750, height: 1334, allowFontScaling: false); |
| 35 | 36 | ||
| 36 | return ExampleWidget(title: 'FlutterScreenUtil示例'); | 37 | return ExampleWidget(title: 'FlutterScreenUtil示例'); |
| 37 | } | 38 | } |
| @@ -108,16 +109,14 @@ class _ExampleWidgetState extends State<ExampleWidget> { | @@ -108,16 +109,14 @@ class _ExampleWidgetState extends State<ExampleWidget> { | ||
| 108 | Column( | 109 | Column( |
| 109 | crossAxisAlignment: CrossAxisAlignment.start, | 110 | crossAxisAlignment: CrossAxisAlignment.start, |
| 110 | children: <Widget>[ | 111 | children: <Widget>[ |
| 111 | - Text('我的文字大小在设计稿上是24px,不会随着系统的文字缩放比例变化', | ||
| 112 | - style: TextStyle( | ||
| 113 | - color: Colors.black, | ||
| 114 | - fontSize: 24.sp, | ||
| 115 | - )), | ||
| 116 | - Text('我的文字大小在设计稿上是24px,会随着系统的文字缩放比例变化', | ||
| 117 | - style: TextStyle( | ||
| 118 | - color: Colors.black, | ||
| 119 | - fontSize: ScreenUtil() | ||
| 120 | - .setSp(24, allowFontScalingSelf: true))), | 112 | + Text( |
| 113 | + '我的文字大小在设计稿上是24px,不会随着系统的文字缩放比例变化', | ||
| 114 | + style: ts.t2, | ||
| 115 | + ), | ||
| 116 | + Text( | ||
| 117 | + '我的文字大小在设计稿上是24px,会随着系统的文字缩放比例变化', | ||
| 118 | + style: ts.t1, | ||
| 119 | + ), | ||
| 121 | ], | 120 | ], |
| 122 | ) | 121 | ) |
| 123 | ], | 122 | ], |
| @@ -126,7 +125,8 @@ class _ExampleWidgetState extends State<ExampleWidget> { | @@ -126,7 +125,8 @@ class _ExampleWidgetState extends State<ExampleWidget> { | ||
| 126 | floatingActionButton: FloatingActionButton( | 125 | floatingActionButton: FloatingActionButton( |
| 127 | child: Icon(Icons.title), | 126 | child: Icon(Icons.title), |
| 128 | onPressed: () { | 127 | onPressed: () { |
| 129 | - ScreenUtil.init(context,width: 1500, height: 1334, allowFontScaling: false); | 128 | + ScreenUtil.init(context, |
| 129 | + width: 1500, height: 1334, allowFontScaling: false); | ||
| 130 | setState(() {}); | 130 | setState(() {}); |
| 131 | }, | 131 | }, |
| 132 | ), | 132 | ), |
example/lib/text_style.dart
0 → 100644
| 1 | +import 'package:flutter/material.dart'; | ||
| 2 | +import 'package:flutter_screenutil/flutter_screenutil.dart'; | ||
| 3 | + | ||
| 4 | +class TextStyles { | ||
| 5 | + TextStyle t1 = TextStyle(fontSize: 24.ssp, color: Colors.black); | ||
| 6 | + TextStyle t2 = TextStyle(fontSize: 24.sp, color: Colors.black); | ||
| 7 | +} | ||
| 8 | + | ||
| 9 | +var ts = TextStyles(); | ||
| 10 | + | ||
| 11 | +class TextStyle2 { | ||
| 12 | + static TextStyle2 ts2; | ||
| 13 | + | ||
| 14 | + factory TextStyle2() { | ||
| 15 | + if (ts2 == null) { | ||
| 16 | + ts2 = TextStyle2(); | ||
| 17 | + } | ||
| 18 | + return ts2; | ||
| 19 | + } | ||
| 20 | + | ||
| 21 | + TextStyle t1 = TextStyle(fontSize: 24.ssp, color: Colors.black); | ||
| 22 | + TextStyle t2 = TextStyle(fontSize: 24.sp, color: Colors.black); | ||
| 23 | +} |
-
Please register or login to post a comment