Widgets Decorados
Contenido del curso
Al hablar de widgets decorados nos referimos básicamente a un widget de tipo Container(), al que podemos darle características visuales extendidas, o de decoración. Esto lo podemos conseguir al asignar a la propiedad decoration de dicho Container(), otro widget especial llamado BoxDecoration().
Algunas de las propiedades de decoración disponibles con este widget son:
Puedes consultar la documentación oficial de Flutter para ver la lista completa de propiedades disponibles.
Manuel Goncalves Lopez
Diego Alejandro Uribe Blatnik
Pedro Jesús Mendoza Ardiles
Sebastian Valencia Zapata
Emmanuel Hernández Morán
William Rodriguez
Fernando Mejia
Fernando Pioli Martínez
Víctor Manuel Sarmiento Cayuelas
Oscar Ortiz Valle
Orlando Castañeda
Facundo Nicolás García Martoni
ProfesorDany Smoak
Asiel Posada
Dany Smoak
Way Solutions
Alex Soto Mendez
Joseph Michael Ciriaco Bermudez
Antonio Gómez Otero
Felipe Nicolás Rojas Tapia
Oscar Téllez
Altair Barahona
Juan Camilo Bula
Esteban Aragon
Fernando Mora
Manuel Goncalves Lopez
Manuel Goncalves Lopez
Joseph Michael Ciriaco Bermudez
Alexei Teófilo Mamani Coaquira
Camilo Joval Reynaga Cardenas
Christian Gonzalez Lizarraga
Marcos Tomassi
Alejandro Villada T.
LUCIO GONZALES MANRRIQUE
MILER ENRIQUE VARGAS MOLA
Fernando Mora
Nicolás Barceló
Alejandro Betancourt
Esteban Aragon
Ricardo Miguel Martinez Lizarme
La función del FractionalOffset es indicar un fragmento de la pantalla en base a su dirección tomando en cuenta dos puntos de un plano cartesiano (dx,dy), de esta forma:
FractionalOffset(1.0, 0.0) representa la parte superior derecha de la pantalla.
FractionalOffset(0.0, 1.0) representa la parteinferior izquierda de la pantalla
FractionalOffset(0.5, 2.0) representa un fragmento/punto en la mitad de la pantalla con respecto al eje X, y por debajo de del contenedor padre.
Muchas gracias por la información
Buen aporte, muchas gracias!
Para añadir varios archicos de la misma carpeta al pubspec.yaml se puede hacer así también, en vez de declarar cada uno:
assets: - assets/img/
Wow! una manera mucho más sencilla
Gracias.
Siii por favor para poder conectar Una API porque si no que hacemos ? osea esta rebien aprender a maquetarla pero el chiste es aprender a crear una app asi full,
Comparto totalmente. No puede ser que nos dejen esta espina clavada. Con todo respeto, pido que informen en la portada del curso fecha estimada del 2do curso. Me sorprendo yo mismo buscando en Udemy, EDteam, YouTube y me digo "mmmmmh, no puede ser..."
Es muy importante consumir de una API, a lo mejor para un futuro curso avanzado de Flutter sería interesante incorporarlo.
¿Ann Code para cuando un curso avanzado de Flutter? ;-)
Esto es tan estresante y emocionante a la vez
Esto es simplemente increíble! es la primera ves que realizo algo para móvil, que emoción.
Estoy igual que vos, es impresionante
¿Cual es la diferencia entre usar child y children? Ambos te permiten instanciar widgets hijos, pero ¿En que se diferencian?
Child es para asignar un solo hijo. Children es para asignar varios hijos, estos son usados en widgets que usan varios hijos como por ejemplo el ListView, Column, Row, Stack.
Gracias :)
Seria genial que seguir con un curso en el que enseñes como llenar una lista de widgets con la información entregada en un JSON por medio de un servicio tipo API REST
Opino lo mismo, el curso es muy básico, hace falta una interacción más profesional.
Me salio igualito.
qué font usaste??
Buenas tardes a todos, quería consultar, cuando establezco textos muy largos, se sale de los margenes de la pantalla del celular, que se puede hacer?
En caso que quieras recortar el texto para que no se desborde, esto le añadiría tres puntos al final, dentro del Widget Text puedes usar la propiedad overflow quedando mas o menos de esta forma:
Text( 'Mi texto laaargo', overflow: TextOverflow.ellipsis );
Lo puedes solucionar también definiendo la propiedad width dentro del container
final ejemplo = Container ( width:250, );
Si tu problema eran unas franjas amarillas con negro, con esto se soluciona 👍
Una pregunta tengo dificultades en saber en que partes va cierto código, método, constructores, class, import. etc. pero entiendo lo que significa las sintaxis de cada código... alguien me recomienda un curso que deba tomar ? por favor seria de gran ayuda ya que veo personas en los comentarios que hacen sus retos de diferentes maneras o muestran códigos diferentes al de la clase y quiero aprender hacerlo sin ver vídeos o algo, entender el proceso, no se si me hago entender
Hola Juan, puedes tomar el curso de Dart acá en Platzi, para que tengas más conocimientos sobre el lenguaje de programación que se utiliza en Flutter, así llegarás con más bases a este curso y lograrás cumplir todos los retos por ti mismo!
ese curso que te recomienda aragon esteban no se encuentra solo haciendo la busqueda en platzi hasta ahora que esta el link lo pude encontrar gracias.
Por que el Stack toma siempre el GradientBack sobre el ListView ? indiferentemente si se declare antes o despues del ListView.
Resuelto! revisando el comportamiento el **Stack va agregando los elementos en la vista **por el mismo orden en que se agregan a la propiedad childs , y para éste caso no se aprecia una alteración notoria porque el description tiene un margen top de 320.0, asi que indiferentemente en el orden que lo coloquen siempre estará por debajo debido a ese margen.
Pero si colocan el GradientBack de primero entre los childs, al hacer scroll podrán notar como la descripción se sobrepone en el gradient
En el caso del listView en la pagina principal, el uso de Stack no es necesario, se ve mucho mejor si usas Column, incluso te ahorras el calculo para descriptionPlace de top: 250
import 'package:flutter/material.dart'; import 'description_place.dart'; import './review_list.dart'; import './gradient_back.dart'; void main() => runApp(MyApp()); class MyApp extends StatelessWidget { final String textDescription = 'Lorem ipsum dolor sit amet' 'consectetur adipiscing elit,' 'sed do eiusmod tempor incididunt' 'ut labore et dolore magna aliqua' 'Ut enim ad minim veniam,' 'quis nostrud exercitation ullamco' 'laboris nisi ut aliquip ex ea' 'commodo consequat. \n' '\n' 'Lorem ipsum dolor sit amet' 'consectetur adipiscing elit,' 'sed do eiusmod tempor incididunt' 'ut labore et dolore magna aliqua' 'Ut enim ad minim veniam,' 'quis nostrud exercitation ullamco' 'laboris nisi ut aliquip ex ea' 'commodo consequat.'; // This widget is the root of your application. @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter Demo', theme: ThemeData( // This is the theme of your application. // // Try running your application with "flutter run". You'll see the // application has a blue toolbar. Then, without quitting the app, try // changing the primarySwatch below to Colors.green and then invoke // "hot reload" (press "r" in the console where you ran "flutter run", // or simply save your changes to "hot reload" in a Flutter IDE). // Notice that the counter didn't reset back to zero; the application // is not restarted. primarySwatch: Colors.amber, // primaryColor: Color(0xFF3BBAC8), fontFamily: 'Lato'), home: Scaffold( body: Column( children: <Widget>[ GradientBack(), Expanded( child: Container( padding: EdgeInsets.only(left: 20.0, right: 20.0), child: ListView( children: <Widget>[ DescriptionPlace("Duwilli Ella", 5, textDescription), ReviewList() ], ), ), ) ], ))); } }
Para los que tengan problemas al mostrar las imagenes, se agrega de esta forma los assets
<code> flutter: uses-material-design: true assets: - assets/img/
Tengo un problema, en el momento que quiero añadir mas imagenes en el archivo pubspec.yaml, por un momento ya no me dejo modificar el archivo.
Alguien que me pueda apoyar
gracias
Mmmh, parece ser un problema del sistema, no tienes permisos para guardar archivos. Prueba utilizando VS Code u otro entorno. Saludos!
dale permisos de lectura y escritura al archivo al grupo usuario (777)
Por favor me subrya este este error en el fiel viewport.dart; throw Flutter Error.from Parts(<Diagnostics Mode>[, a la hora de ejecutar.
<code> ``` con esto quitan la etiqueta de bannerreturn Material( debugShowCheckedModeBanner: false,
);
realmente me gustaria un nuevo curso de lo basico de flutter pues estoy siguiendo este curso pero hay muchas cosas que no entiendo y que solo las hago en automatico y con la ayuda de los comentarios, espero lo tomen en cuenta.
Sería interesante nuevo y actualizado. Porque está muy desactualizado :(
Si las imágenes que va a llevar una lista son dinámicas, es decir, vienen de una base de datos ¿Cómo deberían declararse en el pubspec.yaml?
Hola, si las imagenes vienen de una base de datos no va ser necesario declararlas en el pubspec.yaml ya que si es así llegara cada imagen como URL, sólo basta en agregarla dentro del Widget Image y ya está.
No logro descargar los enlaces o los archivos en ZIP. alguien le paso lo mismo?
