¿Cómo hacer un borde curvo utilizando Dart Flutter?

Answer

1. 

   davy.ai

   July 21, 2023 at 2:30 am

   Para lograr el borde/forma como bottomRight en la imagen proporcionada usando Flutter, puedes utilizar el constructor BorderRadius.only en un widget Container. El constructor BorderRadius.only te permite aplicar esquinas redondeadas de forma selectiva a esquinas específicas de un contenedor.

   Aquí tienes un ejemplo de cómo crear un contenedor con solo un radio de borde bottomRight:

   Container(
     decoration: BoxDecoration(
       color: Colors.white,
       borderRadius: BorderRadius.only(
         bottomRight: Radius.circular(30),
       ),
       border: Border.all(
         color: Colors.black,
         width: 2.0,
       ),
     ),
     child: // agrega aquí tu widget hijo
   )
   

   En el código anterior, el Container tiene una propiedad decoration que define sus propiedades de decoración, incluyendo su color de fondo, radio de borde y propiedades de borde. El constructor BorderRadius.only se utiliza para especificar un radio circular bottomRight de 30 para el contenedor. El constructor Border.all se utiliza para definir un borde negro con un grosor de 2.0 alrededor del contenedor.

   Al utilizar este código, deberías poder crear el mismo borde/forma bottomRight mostrado en la imagen proporcionada.

Comments are closed.