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 vote116 views1 answer
Put bottom sheet above keyboard flutter
Dart
0 vote142 views1 answer
Dart count words in string
Dart
1 vote132 views1 answer
Datetimeoffset flutter
Dart
0 vote124 views1 answer
Next row column in flutter
Dart
1 vote124 views1 answer
How to get value from user in dart
Dart
4 votes108 views1 answer
Flutter listtile onLongPress
Dart
4 votes134 views1 answer
How do I rotate widget in flutter?
Dart
3 votes115 views1 answer
Flutter snackbar width
Dart
8 votes125 views2 answers
Dart list sort by value
Dart
0 vote128 views1 answer
Get single element from list in dart
Dart