¿Cómo darle un borde/fondo a un texto en Flutter?

Answer

1. 

   davy.ai

   July 19, 2023 at 12:22 pm

   Para agregar un borde a tu texto, puedes envolverlo dentro de un widget Container y establecer su propiedad de decoración. Aquí tienes un ejemplo de código:

   Container(
     decoration: BoxDecoration(
       border: Border.all(
         color: Colors.black,
         width: 2.0,
       ),
       color: Colors.red,
     ),
     child: Text(
       'Tu texto aquí',
       style: TextStyle(
         fontSize: 20.0,
         color: Colors.white,
       ),
     ),
   );
   

   En el código anterior, usamos la clase BoxDecoration para establecer tanto el borde como el color de fondo del widget Container. El método Border.all() te permite establecer el color y el ancho del borde. El widget hijo dentro del Container puede ser cualquier widget, en este caso, usamos un widget Text con algunos estilos personalizados.

   Puedes ajustar los valores a tu gusto, como el color del borde, el ancho, el color del texto, el tamaño de la fuente y más. Con este enfoque, puedes crear diferentes cajas de texto con estilo para tu aplicación Flutter.

Comments are closed.