Saltar al contenido

cómo dar radio al contenedor en el ejemplo de código de flutter

Bienvenido a nuestra página, en este lugar vas a encontrar la solucíon que estás buscando.

Ejemplo 1: contenedor de aleteo con esquinas redondeadas

Container(
  decoration:BoxDecoration(
    border: Border.all(
      color: Colors.red[500],),
    borderRadius: BorderRadius.all(Radius.circular(20))),
  child:...)

Ejemplo 2: radio del borde del aleteo del contenedor

Container(
	decoration:BoxDecoration(
    	color: Colors.blue,
    	borderRadius: BorderRadius.all(
    		Radius.circular(10))))

Ejemplo 3: radio del borde del contenedor de aleteo

Container(
  child:Text('This is a Container',
    textScaleFactor:2,
    style:TextStyle(color: Colors.black),),
  decoration:BoxDecoration(
    borderRadius: BorderRadius.circular(10),
    color: Colors.white,
    boxShadow:[BoxShadow(color: Colors.green, spreadRadius:3),],),
  height:50,),

Ejemplo 4: esquinas transparentes de contenedor redondeado con aleteo

newContainer(
          height:300.0,
          color: Colors.transparent,
          child:newContainer(
            decoration:newBoxDecoration(
              color: Colors.green,
              borderRadius:newBorderRadius.only(
                topLeft:const Radius.circular(40.0),
                topRight:const Radius.circular(40.0),)),
            child:newCenter(
            child:newText("Hi modal sheet"),)),),

Ejemplo 5: aleteo del radio del borde del contenedor

Container(
      child:Text('This is a Container',
          textScaleFactor:2,
          style:TextStyle(color: Colors.black),),

      decoration:BoxDecoration(
          borderRadius: BorderRadius.circular(10),
          color: Colors.white,
          border:Border(
              left:BorderSide(
                  color: Colors.green,
                  width:3,),),),
      height:50,),

Ejemplo 6: contenedor de aleteo con esquinas redondeadas

newCenter(    child:newContainer(      width:200.0,      height:200.0,      color: Colors.white,      child:newContainer(        decoration:newBoxDecoration(          border:newBorder.all(              color: Colors.green,              width:5.0,              style: BorderStyle.solid          ),          borderRadius:newBorderRadius.all(newRadius.circular(20.0)),          image:newDecorationImage(              image:newAssetImage('assets/images/JL-Logo-150.png'),)),),),);

Aquí tienes las comentarios y valoraciones

Si te gusta la programación, tienes la opción de dejar un ensayo acerca de qué le añadirías a esta crónica.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *