Showing
4 changed files
with
64 additions
and
32 deletions
| @@ -92,16 +92,26 @@ class MyApp extends StatelessWidget { | @@ -92,16 +92,26 @@ class MyApp extends StatelessWidget { | ||
| 92 | return ScreenUtilInit( | 92 | return ScreenUtilInit( |
| 93 | designSize: Size(360, 690), | 93 | designSize: Size(360, 690), |
| 94 | minTextAdapt: true, | 94 | minTextAdapt: true, |
| 95 | - builder: () => MaterialApp( | ||
| 96 | - ... | ||
| 97 | - theme: ThemeData( | ||
| 98 | - primarySwatch: Colors.blue, | ||
| 99 | - textTheme: TextTheme( | ||
| 100 | - //To support the following, you need to use the first initialization method | ||
| 101 | - button: TextStyle(fontSize: 45.sp) | ||
| 102 | - ), | ||
| 103 | - ), | ||
| 104 | - ), | 95 | + splitScreenMode: true, |
| 96 | + builder: () => | ||
| 97 | + MaterialApp( | ||
| 98 | + //... other code | ||
| 99 | + builder: (context, widget) { | ||
| 100 | + //add this line | ||
| 101 | + ScreenUtil.setContext(context); | ||
| 102 | + return MediaQuery( | ||
| 103 | + //Setting font does not change with system font size | ||
| 104 | + data: MediaQuery.of(context).copyWith(textScaleFactor: 1.0), | ||
| 105 | + child: widget, | ||
| 106 | + ); | ||
| 107 | + }, | ||
| 108 | + theme: ThemeData( | ||
| 109 | + textTheme: TextTheme( | ||
| 110 | + //To support the following, you need to use the first initialization method | ||
| 111 | + button: TextStyle(fontSize: 45.sp) | ||
| 112 | + ), | ||
| 113 | + ), | ||
| 114 | + ), | ||
| 105 | ); | 115 | ); |
| 106 | } | 116 | } |
| 107 | } | 117 | } |
| @@ -156,6 +166,7 @@ class _HomePageState extends State<HomePage> { | @@ -156,6 +166,7 @@ class _HomePageState extends State<HomePage> { | ||
| 156 | maxWidth: MediaQuery.of(context).size.width, | 166 | maxWidth: MediaQuery.of(context).size.width, |
| 157 | maxHeight: MediaQuery.of(context).size.height), | 167 | maxHeight: MediaQuery.of(context).size.height), |
| 158 | designSize: Size(360, 690), | 168 | designSize: Size(360, 690), |
| 169 | + context: context, | ||
| 159 | minTextAdapt: true, | 170 | minTextAdapt: true, |
| 160 | orientation: Orientation.portrait); | 171 | orientation: Orientation.portrait); |
| 161 | return Scaffold(); | 172 | return Scaffold(); |
| @@ -63,18 +63,26 @@ class MyApp extends StatelessWidget { | @@ -63,18 +63,26 @@ class MyApp extends StatelessWidget { | ||
| 63 | return ScreenUtilInit( | 63 | return ScreenUtilInit( |
| 64 | designSize: Size(360, 690), | 64 | designSize: Size(360, 690), |
| 65 | minTextAdapt: true, | 65 | minTextAdapt: true, |
| 66 | - builder: () => MaterialApp( | ||
| 67 | - debugShowCheckedModeBanner: false, | ||
| 68 | - title: 'Flutter_ScreenUtil', | ||
| 69 | - theme: ThemeData( | ||
| 70 | - primarySwatch: Colors.blue, | ||
| 71 | - //要支持下面这个需要使用第一种初始化方式 | ||
| 72 | - textTheme: TextTheme( | ||
| 73 | - button: TextStyle(fontSize: 45.sp) | ||
| 74 | - ), | ||
| 75 | - ), | ||
| 76 | - home: HomePage(title: 'FlutterScreenUtil Demo'), | ||
| 77 | - ), | 66 | + splitScreenMode: true, |
| 67 | + builder: () => | ||
| 68 | + MaterialApp( | ||
| 69 | + //... other code | ||
| 70 | + builder: (context, widget) { | ||
| 71 | + //add this line | ||
| 72 | + ScreenUtil.setContext(context); | ||
| 73 | + return MediaQuery( | ||
| 74 | + //Setting font does not change with system font size | ||
| 75 | + data: MediaQuery.of(context).copyWith(textScaleFactor: 1.0), | ||
| 76 | + child: widget, | ||
| 77 | + ); | ||
| 78 | + }, | ||
| 79 | + theme: ThemeData( | ||
| 80 | + textTheme: TextTheme( | ||
| 81 | + //要支持下面这个需要使用第一种初始化方式 | ||
| 82 | + button: TextStyle(fontSize: 45.sp) | ||
| 83 | + ), | ||
| 84 | + ), | ||
| 85 | + ), | ||
| 78 | ); | 86 | ); |
| 79 | } | 87 | } |
| 80 | } | 88 | } |
| @@ -118,6 +126,7 @@ class _HomePageState extends State<HomePage> { | @@ -118,6 +126,7 @@ class _HomePageState extends State<HomePage> { | ||
| 118 | maxWidth: MediaQuery.of(context).size.width, | 126 | maxWidth: MediaQuery.of(context).size.width, |
| 119 | maxHeight: MediaQuery.of(context).size.height), | 127 | maxHeight: MediaQuery.of(context).size.height), |
| 120 | designSize: Size(360, 690), | 128 | designSize: Size(360, 690), |
| 129 | + context: context, | ||
| 121 | minTextAdapt: true, | 130 | minTextAdapt: true, |
| 122 | orientation: Orientation.portrait); | 131 | orientation: Orientation.portrait); |
| 123 | return Scaffold(); | 132 | return Scaffold(); |
| @@ -59,16 +59,26 @@ class MyApp extends StatelessWidget { | @@ -59,16 +59,26 @@ class MyApp extends StatelessWidget { | ||
| 59 | return ScreenUtilInit( | 59 | return ScreenUtilInit( |
| 60 | designSize: Size(360, 690), | 60 | designSize: Size(360, 690), |
| 61 | minTextAdapt: true, | 61 | minTextAdapt: true, |
| 62 | - builder: () => MaterialApp( | ||
| 63 | - ... | ||
| 64 | - theme: ThemeData( | ||
| 65 | - primarySwatch: Colors.blue, | ||
| 66 | - //To support the following, you need to use the first initialization method | ||
| 67 | - textTheme: TextTheme( | ||
| 68 | - button: TextStyle(fontSize: 45.sp) | ||
| 69 | - ), | ||
| 70 | - ), | ||
| 71 | - ), | 62 | + splitScreenMode: true, |
| 63 | + builder: () => | ||
| 64 | + MaterialApp( | ||
| 65 | + //... other code | ||
| 66 | + builder: (context, widget) { | ||
| 67 | + //add this line | ||
| 68 | + ScreenUtil.setContext(context); | ||
| 69 | + return MediaQuery( | ||
| 70 | + //Setting font does not change with system font size | ||
| 71 | + data: MediaQuery.of(context).copyWith(textScaleFactor: 1.0), | ||
| 72 | + child: widget, | ||
| 73 | + ); | ||
| 74 | + }, | ||
| 75 | + theme: ThemeData( | ||
| 76 | + textTheme: TextTheme( | ||
| 77 | + //To support the following, you need to use the first initialization method | ||
| 78 | + button: TextStyle(fontSize: 45.sp) | ||
| 79 | + ), | ||
| 80 | + ), | ||
| 81 | + ), | ||
| 72 | ); | 82 | ); |
| 73 | } | 83 | } |
| 74 | } | 84 | } |
| @@ -108,6 +118,7 @@ class _HomePageState extends State<HomePage> { | @@ -108,6 +118,7 @@ class _HomePageState extends State<HomePage> { | ||
| 108 | maxWidth: MediaQuery.of(context).size.width, | 118 | maxWidth: MediaQuery.of(context).size.width, |
| 109 | maxHeight: MediaQuery.of(context).size.height), | 119 | maxHeight: MediaQuery.of(context).size.height), |
| 110 | designSize: Size(360, 690), | 120 | designSize: Size(360, 690), |
| 121 | + context: context, | ||
| 111 | orientation: Orientation.portrait); | 122 | orientation: Orientation.portrait); |
| 112 | return Scaffold(); | 123 | return Scaffold(); |
| 113 | } | 124 | } |
-
Please register or login to post a comment