flutter boxdecoration border radius code example

Example 1: flutter container border radius

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,
),

Example 2: flutter border radius

borderRadius: BorderRadius.all(Radius.circular(5.0))

Example 3: flutter border radius container

Container(
   decoration: BoxDecoration(
   borderRadius: BorderRadius.circular(20.0),
   color: Colors.red,
   ),
   child: 
),

Example 4: container border radius flutter

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,
     ),

Example 5: different border radius on container flutter

Container(
              decoration: BoxDecoration(
                  color: gray,
                  borderRadius: BorderRadius.only(
                    bottomLeft: Radius.circular(20),
                    bottomRight: Radius.circular(20),
                  )),
              child: ...,
            ),

Tags:

Misc Example