DEV Community

Discussion on: Flutter Create a Rounded Container with a gradient border

Collapse
 
rodionm profile image
Rodion Mostovoy

Also it's not necessary to use ClipOval:

    final borderWidth = 1.0;
    final kInnerDecoration = BoxDecoration(
      color: Colors.white,
      borderRadius: BorderRadius.circular(20),
    );
    final kGradientBoxDecoration = BoxDecoration(
      gradient: LinearGradient(
colors: [Colors.yellow.shade600, Colors.orange, Colors.red]),,
      borderRadius: BorderRadius.circular(20),
    );

    return Container(
      decoration: kGradientBoxDecoration,
      child: Padding(
        padding: EdgeInsets.all(borderWidth),
        child: DecoratedBox(
          decoration: kInnerDecoration,
          child: child,
        ),
      ),
    );
Enter fullscreen mode Exit fullscreen mode