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

7 votes141 views1 answer
Close keyboard on button click flutter
Dart
7 votes130 views1 answer
Dart exception
Dart
1 vote150 views2 answers
Dart round
Dart
1 vote196 views1 answer
How to get the last values of a string dart
Dart
0 vote144 views1 answer
Define offset for floatingActionButtonLocation flutter
Dart
1 vote144 views1 answer
Flutter listtile disable
Dart
17 votes146 views6 answers
Card border radius flutter
Dart
0 vote142 views1 answer
Future as a parameter with async in flutter
Dart
0 vote176 views1 answer
Flutter portrate only
Dart
4 votes150 views1 answer
Dart kichik harfga o'zgartirish
Dart