flutter bottom sheet rounded corners 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: flutter rounded bottom sheet

void startAddNewMoodCheckin(BuildContext ctx) {
    showModalBottomSheet(
        shape: RoundedRectangleBorder(		//the rounded corner is created here
          borderRadius: BorderRadius.circular(10.0),
        ),
        context: ctx,
        builder: (_) {
          return Container(
            child: Text("This is a modal sheet"),
          );
        });
  }

Example 3: rounded button flutter

FlatButton(
              color: Colors.red,
              shape: RoundedRectangleBorder(
                  borderRadius: BorderRadius.circular(18.0)),
              child: new Text('round button'),
              onPressed: () {},
            ),

Tags:

Dart Example