Flutter border radius

Flutter container radius

Container(
  child: Text("It's text..."),
  decoration: BoxDecoration(
    borderRadius: BorderRadius.circular(10),  // radius of 10
    color: Colors.green  // green as background color
  )
)

Flutter border radius

 borderRadius: BorderRadius.all(Radius.circular(5.0))

Round border container flutter

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 border radius container

Container(
   decoration: BoxDecoration(
   borderRadius: BorderRadius.circular(20.0),
   color: Colors.red,
   ),
   child: 
),

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

Similar codes

1 vote69 views1 answer
Set height tablerow flutter
Dart
1 vote121 views1 answer
Error: xmlhttprequest error. dart-sdk/lib/_internal/js_dev_runtime/patch/core_patch.dart 906:28
Dart
2 votes115 views1 answer
Vscode dart
Dart
3 votes133 views1 answer
Shader compilation error errors
Dart
0 vote70 views1 answer
Flutter listview inside sliverlist
Dart
7 votes137 views2 answers
Flutter container margin
Dart
12 votes120 views3 answers
Flutter appbar width
Dart
3 votes114 views1 answer
Dart list firstwhere
Dart
0 vote74 views1 answer
Mapping object flutter
Dart
1 vote128 views1 answer
To disable the shrinker pass the --no-shrink flag to this command. in flutter
Dart