[Flutter]Borderクラスで枠線の太さ(width)を設定するには？

どうも、ちょげ(@chogetarou)です。

Borderクラスで枠線の太さを設定する方法を紹介します。

方法
1. Border.all
2. BorderSide
まとめ

方法

Borderクラスで枠線の設定をするには、引数を使います。

Border.all

Border.all()を使っている場合は、Border.all()の引数「width」に枠線の太さを指定します。

Border.all(
  width: 太さ,
),

使用例

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Container(
          decoration: BoxDecoration(
            border: Border.all(
              width: 3,
            ),
          ),
          padding: EdgeInsets.all(3),
          child: Text('Hello, Flutter'),
        ),
      ),
    );
  }

BorderSide

BoderクラスでBorderSideを使っている場合は、BorderSideの引数「width」に枠線の太さを指定します。

BorderSide(
    width: 太さ,
)

使用例

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Container(
          decoration: BoxDecoration(
            border: Border(
              top: BorderSide(width: 1),
              right: BorderSide(width: 2),
              bottom: BorderSide(width: 3),
              left: BorderSide(width: 4),
            ),
          ),
          padding: EdgeInsets.all(3),
          child: Text('Hello, Flutter'),
        ),
      ),
    );
  }