Para crear los bordes se usa el widget Container que tiene la propiedad: decoration, que permite darle: ancho, color, imágenes a nuestros bordes, vamos con los ejemplos y sus codigos:
1) Bordes sencillos
child: Container(
height: 100,
width: 100,
decoration: BoxDecoration(border: Border.all( color: Colors.blue, width: 1.5),),
child: Text('Bordes En flutter', textAlign: TextAlign.center,),
)
2) Bordes Redondeados
Hay un atributo llamado borderRadius...
child: Container(
height: 100,
width: 100,
decoration: BoxDecoration(border: Border.all( color: Colors.blue, width: 3),
borderRadius: BorderRadius.circular(50)
),
child: Text('Bordes \n En flutter', textAlign: TextAlign.center,),
)
),
)
cuando quieres pintar uno solo de los bordes usas BorderSide...
dependiendo del lado usas cada uno de estos:
*top:arriba
*bottom:abajo
*right:derecha
*left:izquierda
Container(
decoration: BoxDecoration(
border:Border(
bottom:BorderSide(
width: 1.0, color: Colors.black
)
),
),
title: Text('text'),
),
No hay comentarios:
Publicar un comentario