Container border flutter

Flutter container border

Container(
  decoration: BoxDecoration(
    border: Border.all(
      color: Colors.red,  // red as border color
    ),
  ),
  child: Text("Your text...")
)

Add border color to acouintainer in flutter

Container(
  height: 100,
  width: 100,
  decoration: BoxDecoration(
    border: Border.all(
      color: Colors.blue,
    ),
    borderRadius: BorderRadius.circular(10.0),
  ),
  child: Center(
    child: Text('mrflutter.com'),
  ),
),

Source: mrflutter.com

Border for container in flutter

new Container(
  margin: const EdgeInsets.all(15.0),
  padding: const EdgeInsets.all(3.0),
  decoration: BoxDecoration(
    border: Border.all(color: Colors.blueAccent)
  ),
  child: Text("My Awesome Border"),
)

Source: stackoverflow.com

Container border flutter

decoration: BoxDecoration(
          borderRadius: BorderRadius.circular(50.0),
          border: Border.all(
            color: Colors.blue,
            width: 2.0,
          ),
        ),

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

Container border flutter

BoxDecoration myBoxDecoration() {
  return BoxDecoration(
    border: Border.all(),
  );
}

Source: stackoverflow.com

Similar codes

2 votes328 views2 answers
Dart compare two lists
Dart
0 vote304 views1 answer
Concatenate in flutter
Dart
1 vote320 views1 answer
Install getx
Dart
-2 votes310 views1 answer
Keyboard height flutter
Dart
5 votes355 views1 answer
DartPad requires localStorage to be enabled
Dart
2 votes354 views2 answers
Disable scroll gridview flutter
Dart
4 votes324 views2 answers
Flutter linearprogressindicator value
Dart
1 vote351 views1 answer
Flutter center widget
Dart
8 votes326 views2 answers
Dart list sort by value
Dart
3 votes348 views2 answers
Flutter circularprogressindicator
Dart