[Flutter]Containerの枠線の太さを設定するには?

Flutter

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

Containerの枠線の太さを設定する方法を紹介します。

スポンサーリンク

方法

インターフェース, インターネット, プログラム, ブラウザ, Www

Containerの枠線の太さを設定するには、BoxDecorationの引数「border」に指定する「Border.all()」を使います。

具体的には、Border.all()の引数「width」に枠線の太さを設定します。

Container(
  decoration: BoxDecoration(
    border: Border.all(
      width: /*太さ*/,
    ),
  ),
),

以下は、使用例です。

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Container(
          decoration: BoxDecoration(
            border: Border.all(
              width: 3, //枠線の太さ
            ),
          ),
          height: 200,
          width: 200,
        ),
      ),
    );
  }

コメント

タイトルとURLをコピーしました