Round border container flutter

Flutter rounded container transperent corners

        new Container(
          height: 300.0,
          color: Colors.transparent,
          child: new Container(
            decoration: new BoxDecoration(
              color: Colors.green,
              borderRadius: new BorderRadius.only(
                topLeft: const Radius.circular(40.0),
                topRight: const Radius.circular(40.0),
              )
            ),
            child: new Center(
            child: new Text("Hi modal sheet"),
           )
         ),
        ),

Source: stackoverflow.com

Round border container flutter

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

Source: stackoverflow.com

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

-1

Source: stackoverflow.com

Similar codes

7 votes65 views1 answer
Floating Action Button rectangular shaped (round corners)
Dart
2 votes110 views2 answers
Convert future list to list dart
Dart
0 vote130 views1 answer
How to get image file size in flutter
Dart
0 vote116 views1 answer
Rectangualr fab in flutter
Dart
-1 vote131 views1 answer
Flutter pub upgrade and save pubspec
Dart
47 votes90 views10 answers
Flutter get width of screen
Dart
0 vote130 views1 answer
Dart list remove item by text
Dart
0 vote137 views1 answer
Dart convert int string leading zeros
Dart
0 vote145 views1 answer
Flutter open whatsapp chat
Dart
1 vote112 views1 answer
How to get terminal http request time
Dart