flutter round container code example

Example 1: flutter container rounded corners

Container(
  decoration: BoxDecoration(
    border: Border.all(
      color: Colors.red[500],
    ),
    borderRadius: BorderRadius.all(Radius.circular(20))
  ),
  child: ...
)

Example 2: column round border flutter

Container(
  decoration: BoxDecoration(
    border: Border.all(
      color: Colors.red[500],
    ),
    color: Colors.green[500],
    borderRadius: BorderRadius.all(Radius.circular(20))
  ),
  child: ...
)

Example 3: flutter round container

QUESTION: Flutter give container rounded border

ANSWER1: 

Container(
    decoration: BoxDecoration(
    shape: BoxShape.circle,
    ),
    child:   ...
    ),

ANSWER 2:
Container(
  decoration: BoxDecoration(
    border: Border.all(
      color: Colors.red[500],
    ),
    borderRadius: BorderRadius.all(Radius.circular(20))
  ),
  child: ...
)

Example 4: round container flutter

Container(
      width: screenWidth / 7,
      decoration: BoxDecoration(
        border: Border.all(
          color: Colors.red[500],
        ),
      ),
      child: Padding(
        padding: EdgeInsets.all(5.0),
        child: Column(
          children: <Widget>[
            Text(
              '6',
              style: TextStyle(
                  color: Colors.red[500],
                  fontSize: 25),
            ),
            Text(
             'sep',
              style: TextStyle(
                  color: Colors.red[500]),
            )
          ],
        ),
      ),
    );

Example 5: flutter container rounded corners

new Center(    child: new Container(      width: 200.0,      height: 200.0,      color: Colors.white,      child: new Container(        decoration: new BoxDecoration(          border: new Border.all(              color: Colors.green,              width: 5.0,              style: BorderStyle.solid          ),          borderRadius: new BorderRadius.all(new Radius.circular(20.0)),          image: new DecorationImage(              image: new AssetImage('assets/images/JL-Logo-150.png'),          )        ),      ),    ),  );

Tags:

Misc Example