Elementor #196

Card en Flutter

Tarjeta en Flutter con bordes redondeados y con una sombra gris con un offset de 7

class CardWidget extends StatelessWidget {
  const CardWidget({super.key});

  @override
  Widget build(BuildContext context) {

    return Padding(
      padding: const EdgeInsets.symmetric(horizontal: 10),
      child: ClipRRect(
        child: Container(
          margin: const EdgeInsets.only(top: 15,bottom: 15),
          height: 305,
          width: double.infinity,
          decoration: _cardBorders(),
          child: const Padding(
            padding: EdgeInsets.all(20.0),
            //Contenido del Card
            child: [CONTENIDO-DE-LA-TARJETA],
          ),
        ),
      ),
    );
  }

  BoxDecoration _cardBorders() {
    return BoxDecoration(
        borderRadius: BorderRadius.circular(20),
        boxShadow: const [
          BoxShadow(color: Colors.black12, offset: Offset(0, 7), blurRadius: 10)
        ],
        color: Colors.white);
  }
}
Card en Flutter

Related Post