Answers for "flutter container border color"

9

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'),
  ),
),
Posted by: Guest on May-21-2020
16

flutter container border

Container(
  decoration: BoxDecoration(
    border: Border.all(
      color: Colors.red,  // red as border color
    ),
  ),
  child: Text("Your text...")
)
Posted by: Guest on September-25-2020
2

border side in flutter

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Center(
      child: Container(
        child: Text(
          "This is a Boder with One Side",
          textDirection: TextDirection.ltr,
          style: TextStyle(color: Colors.black),
        ),
        padding: EdgeInsets.symmetric(vertical: 100.0, horizontal: 100.0),
        decoration: BoxDecoration(
          border: Border(
            top: BorderSide(width: 16.0, color: Colors.lightBlue.shade600),
            bottom: BorderSide(width: 16.0, color: Colors.lightBlue.shade900),
          ),
          color: Colors.white,
        ),
      ),
    );
  }
}
Posted by: Guest on October-29-2020
1

container border left

Container(
  decoration: BoxDecoration(
  	border: Border(
  		left: BorderSide(color: mainColor, width: 3),
  	),
  ),
),
Posted by: Guest on September-24-2020
-1

giving a cotainer a border color

Container(
      child: Text(
          'This is a Container',
          textScaleFactor: 2,
          style: TextStyle(color: Colors.black),
      ),

      decoration: BoxDecoration(
          borderRadius: BorderRadius.circular(10),
          color: Colors.white,
          border: Border(
              left: BorderSide(
                  color: Colors.green,
                  width: 3,
              ),
            ),
          ),
      height: 50,
     ),
Posted by: Guest on August-18-2020
0

container border flutter

BoxDecoration myBoxDecoration() {
  return BoxDecoration(
    border: Border.all(),
  );
}
Posted by: Guest on December-14-2020

Code answers related to "flutter container border color"

Browse Popular Code Answers by Language