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

0 vote323 views2 answers
Flutter pass onchanged callback in arguments
Dart
0 vote283 views1 answer
Flutter leading
Dart
0 vote311 views1 answer
How to change color notification bar in flutter
Dart
0 vote316 views1 answer
Dart break double for loop
Dart
0 vote347 views1 answer
Dart program name
Dart
0 vote313 views1 answer
Flutter floor database command
Dart
2 votes334 views1 answer
Bad state: Stream has already been listened to
Dart
1 vote347 views1 answer
Flutter Execution failed for task ':app:packageDebug'.
Dart
0 vote304 views2 answers
Stackover flow dart forloop
Dart
3 votes293 views2 answers
How to do type casting in dart for string
Dart