Diferencia entre revisiones de «Flutter Widget Diseño de pantallas»
Ir a la navegación
Ir a la búsqueda
| Línea 11: | Línea 11: | ||
* Debugger de diseño. Verificar el tamaño de las cajas de cada widget y localizar cual de ellas produce un error | * Debugger de diseño. Verificar el tamaño de las cajas de cada widget y localizar cual de ellas produce un error | ||
* Padding y margin: https://api.flutter.dev/flutter/widgets/Padding-class.html | * Padding y margin: https://api.flutter.dev/flutter/widgets/Padding-class.html | ||
| + | |||
| + | * En el Card Widget vimos que disponemos del parámetro clipBehavior para 'recortar' el contenido y que se ajuste a los bordes redondeados. | ||
| + | : Si queremos hacer lo mismo con cualquier Widget podemos hacer uso del https://api.flutter.dev/flutter/widgets/ClipRRect-class.html | ||
Revisión del 15:43 5 ago 2021
- Más información:
- https://esflutter.dev/docs/development/ui/layout#organiza-multiples-widgets-vertical-y-horizontalmente
- https://medium.com/comunidad-flutter/construya-uis-responsivas-en-flutter-f528d16b50a4
- https://medium.com/flutter-community/developing-for-multiple-screen-sizes-and-orientations-in-flutter-fragments-in-flutter-a4c51b849434
- https://medium.com/flutter-community/build-responsive-uis-in-flutter-fd450bd59158
- https://flutter.dev/docs/development/ui/layout/adaptive-responsive
- Widget que sirven para establecer un diseño correcto como Row, Column, SizedBox
- Debugger de diseño. Verificar el tamaño de las cajas de cada widget y localizar cual de ellas produce un error
- Padding y margin: https://api.flutter.dev/flutter/widgets/Padding-class.html
- En el Card Widget vimos que disponemos del parámetro clipBehavior para 'recortar' el contenido y que se ajuste a los bordes redondeados.
- Si queremos hacer lo mismo con cualquier Widget podemos hacer uso del https://api.flutter.dev/flutter/widgets/ClipRRect-class.html
Enlace a la página principal de la UD3
Enlace a la página principal del curso
-- Ángel D. Fernández González -- (2021).
