|
14 | 14 |
|
15 | 15 | [Histórico de atualizações](https://github.com/OpenFlutter/flutter_screenutil/blob/master/CHANGELOG.md)
|
16 | 16 |
|
| 17 | +## Note |
| 18 | +v3 requer `flutter> = 1.19.0`. |
| 19 | +v2 é usado para a versão atual de flutter estável. |
| 20 | + |
17 | 21 | ## Como usar:
|
18 | 22 |
|
19 | 23 | ### Adicionando a dependência:
|
@@ -140,160 +144,4 @@ Container(
|
140 | 144 | ScreenUtil().setSp(28)
|
141 | 145 |
|
142 | 146 | //Tamanho da fonte informado,em pixels,a fonte irá dimensionar respeitando a opção "Tamanho de Fonte" nas configurações de acessibilidade
|
143 |
| -//(Se em algum lugar não seguir a configuração global da propriedade allowFontScaling) |
144 |
| -ScreenUtil().setSp(24, allowFontScalingSelf: true) |
145 |
| -
|
146 |
| -//Exemplo: |
147 |
| -
|
148 |
| -Column( |
149 |
| - crossAxisAlignment: CrossAxisAlignment.start, |
150 |
| - children: <Widget>[ |
151 |
| - Text( |
152 |
| - 'Minha fonte tem 24px no protótipo de design e não irá mudar com o sistema.', |
153 |
| - style: TextStyle( |
154 |
| - color: Colors.black, |
155 |
| - fontSize: ScreenUtil().setSp(24), |
156 |
| - )), |
157 |
| - Text( |
158 |
| - 'Minha fonte tem 24px no protótipo de design e poderá mudar com o sistema.', |
159 |
| - style: TextStyle( |
160 |
| - color: Colors.black, |
161 |
| - fontSize: ScreenUtil() |
162 |
| - .setSp(24, allowFontScalingSelf: true))), |
163 |
| - ], |
164 |
| - ) |
165 |
| -``` |
166 |
| - |
167 |
| -#### Outras APIs relacionadas: |
168 |
| -```dart |
169 |
| - ScreenUtil.pixelRatio //Densidade de pixels do dispositivo |
170 |
| - ScreenUtil.screenWidth //Largura da tela do dispositivo |
171 |
| - ScreenUtil.screenHeight //Altura da tela do dispositivo |
172 |
| - ScreenUtil.bottomBarHeight //Distância segura do rodapé, adequada para botões em tela cheia |
173 |
| - ScreenUtil.statusBarHeight //Altura da status bar em pixels, Notch será maior |
174 |
| - ScreenUtil.textScaleFactor //Fator de escala da fonte do sistema |
175 |
| -
|
176 |
| - ScreenUtil().scaleWidth //Razão entre a largura atual e a largura do protótipo de design em pixels |
177 |
| - ScreenUtil().scaleHeight //Razão entre a altura atual e a altura do protótipo de design em pixels |
178 |
| -
|
179 |
| -``` |
180 |
| - |
181 |
| -```dart |
182 |
| -//import |
183 |
| -import 'package:flutter_screenutil/flutter_screenutil.dart'; |
184 |
| -
|
185 |
| -... |
186 |
| -
|
187 |
| - @override |
188 |
| - Widget build(BuildContext context) { |
189 |
| - ///Define o tamanho de ajuste (preenche o tamanho da tela do dispositivo no design). Se o design é baseado no tamanho do iPhone6 (iPhone6 750*1334) |
190 |
| - ScreenUtil.init(width: 750, height: 1334, allowFontScaling: false); |
191 |
| - |
192 |
| - print('Largura do dispositivo:${ScreenUtil.screenWidth}'); //Largura do dispositivo |
193 |
| - print('Altura do dispositivo:${ScreenUtil.screenHeight}'); //Altura do dispositivo |
194 |
| - print( |
195 |
| - 'Densidade de pixels do dispositivo:${ScreenUtil.pixelRatio}'); //Densidade de pixels do dispositivo |
196 |
| - print( |
197 |
| - 'Distância segura do rodapé:${ScreenUtil.bottomBarHeight}'); //Distância segura do rodapé, adequada para botões em tela cheia |
198 |
| - print( |
199 |
| - 'Altura da status bar:${ScreenUtil.statusBarHeight}px'); //Altura da status bar em pixels, Notch será maior |
200 |
| - print( |
201 |
| - 'Razão entre a largura atual e a largura do protótipo de design em pixels:${ScreenUtil().scaleWidth}'); |
202 |
| - print( |
203 |
| - 'Razão entre a altura atual e a altura do protótipo de design em pixels:${ScreenUtil().scaleHeight}'); |
204 |
| - print( |
205 |
| - 'Razão da fonte e largura para o tamanho do design:${ScreenUtil().scaleWidth * ScreenUtil.pixelRatio}'); |
206 |
| - print( |
207 |
| - 'Razão da fonte e altura para o tamanho do design:${ScreenUtil().scaleHeight * ScreenUtil.pixelRatio}'); |
208 |
| - |
209 |
| - return Scaffold( |
210 |
| - appBar: AppBar( |
211 |
| - title: Text(widget.title), |
212 |
| - ), |
213 |
| - body: SingleChildScrollView( |
214 |
| - child: Column( |
215 |
| - crossAxisAlignment: CrossAxisAlignment.center, |
216 |
| - children: <Widget>[ |
217 |
| - Row( |
218 |
| - children: <Widget>[ |
219 |
| - Container( |
220 |
| - padding: EdgeInsets.all(ScreenUtil().setWidth(10)), |
221 |
| - width: ScreenUtil().setWidth(375), |
222 |
| - height: ScreenUtil().setHeight(200), |
223 |
| - color: Colors.red, |
224 |
| - child: Text( |
225 |
| - 'Minha largura:${ScreenUtil().setWidth(375)}dp', |
226 |
| - style: TextStyle( |
227 |
| - color: Colors.white, |
228 |
| - fontSize: ScreenUtil().setSp(12)), |
229 |
| - ), |
230 |
| - ), |
231 |
| - Container( |
232 |
| - padding: EdgeInsets.all(ScreenUtil().setWidth(10)), |
233 |
| - width: ScreenUtil().setWidth(375), |
234 |
| - height: ScreenUtil().setHeight(200), |
235 |
| - color: Colors.blue, |
236 |
| - child: Text('Minha largura:${ScreenUtil().setWidth(375)}dp', |
237 |
| - style: TextStyle( |
238 |
| - color: Colors.white, |
239 |
| - fontSize: ScreenUtil().setSp(12))), |
240 |
| - ), |
241 |
| - ], |
242 |
| - ), |
243 |
| - Text('Largura do dispositivo:${ScreenUtil.screenWidth}dp'), |
244 |
| - Text('Altura do dispositivo:${ScreenUtil.screenHeight}dp'), |
245 |
| - Text('Densidade de pixels do dispositivo:${ScreenUtil.pixelRatio}'), |
246 |
| - Text('Distância segura do rodapé:${ScreenUtil.bottomBarHeight}dp'), |
247 |
| - Text('Altura da status bar:${ScreenUtil.statusBarHeight}dp'), |
248 |
| - Text( |
249 |
| - 'Razão entre a largura atual e a largura do protótipo de design em pixels:${ScreenUtil().scaleWidth}', |
250 |
| - textAlign: TextAlign.center, |
251 |
| - ), |
252 |
| - Text( |
253 |
| - 'Razão entre a altura atual e a altura do protótipo de design em pixels:${ScreenUtil().scaleHeight}', |
254 |
| - textAlign: TextAlign.center, |
255 |
| - ), |
256 |
| - Text( |
257 |
| - 'Razão da fonte e largura para o tamanho do design:${ScreenUtil().scaleWidth * ScreenUtil.pixelRatio}', |
258 |
| - textAlign: TextAlign.center, |
259 |
| - ), |
260 |
| - Text( |
261 |
| - 'Razão da fonte e altura para o tamanho do design:${ScreenUtil().scaleHeight * ScreenUtil.pixelRatio}', |
262 |
| - textAlign: TextAlign.center, |
263 |
| - ), |
264 |
| - SizedBox( |
265 |
| - height: ScreenUtil().setHeight(100), |
266 |
| - ), |
267 |
| - Text('Fator de escala da fonte do sistema:${ScreenUtil.textScaleFactor}'), |
268 |
| - Column( |
269 |
| - crossAxisAlignment: CrossAxisAlignment.start, |
270 |
| - children: <Widget>[ |
271 |
| - Text( |
272 |
| - 'Minha fonte tem 24px no protótipo de design e não irá mudar com o sistema.', |
273 |
| - style: TextStyle( |
274 |
| - color: Colors.black, |
275 |
| - fontSize: ScreenUtil().setSp(24), |
276 |
| - )), |
277 |
| - Text( |
278 |
| - 'Minha fonte tem 24px no protótipo de design e poderá mudar com o sistema.', |
279 |
| - style: TextStyle( |
280 |
| - color: Colors.black, |
281 |
| - fontSize: ScreenUtil().setSp(24, allowFontScalingSelf: true), |
282 |
| - )), |
283 |
| - ], |
284 |
| - ) |
285 |
| - ], |
286 |
| - ), |
287 |
| - ), |
288 |
| - ); |
289 |
| - } |
290 |
| -``` |
291 |
| - |
292 |
| -### Exemplo: |
293 |
| - |
294 |
| -[Demonstração](/example/lib/main_zh.dart) |
295 |
| - |
296 |
| -Efeito: |
297 |
| - |
298 |
| - |
299 |
| - |
| 147 | +//(Se em algum lugar não seguir a configuração global da propriedade allowFontScaling |
0 commit comments