Flutter container rounded corners

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

Flutter container rounded corners

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

Source: stackoverflow.com

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

Source: stackoverflow.com

Flutter round container

QUESTION: Flutter give container rounded borderANSWER1: 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: ...
)

Source: stackoverflow.com

Container border radius flutter

Container(
  padding: EdgeInsets.only(left: 12.0),
  decoration: BoxDecoration(
    borderRadius: BorderRadius.circular(10.0),
    color: Colors.green,
  ),
  height: 50,
  child: Container(
    decoration: BoxDecoration(
      borderRadius: BorderRadius.only(
          topRight: Radius.circular(10.0),
          bottomRight: Radius.circular(10.0)),
      color: Colors.white,
    ),
    child: Text(
      'This is a Container',
      textScaleFactor: 2,
      style: TextStyle(color: Colors.black),
    ),
  ),
),

Source: stackoverflow.com

Flutter container rounded corners

  @override
  Widget build(BuildContext context) {
    return Container(
      width: 242.7,
      height: 150.0,
      decoration: const BoxDecoration(
        color: Color.fromRGBO(77, 77, 77, 1.0),
        borderRadius: BorderRadius.all(
          Radius.circular(22.0), // radius
        ),
      ),
    );
  }

Similar codes

1 vote243 views1 answer
Array 2d dart
Dart
0 vote242 views1 answer
Dart key value pair list
Dart
1 vote266 views1 answer
Flutter dropdownbutton enum
Dart
2 votes239 views4 answers
Regex dart
Dart
2 votes251 views1 answer
Image fit flutter
Dart
0 vote246 views1 answer
Flutter longpress vibration
Dart
2 votes194 views1 answer
How to change value in list dart
Dart
5 votes246 views1 answer
Appbar icon
Dart
1 vote232 views1 answer
Flutter chip delete
Dart
1 vote239 views1 answer
Dart move item in list
Dart