[Flutter]Containerの枠線(border)の色(color)を設定するには？

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

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

方法

Containerの枠線の色を設定するには、まず引数「decoration」に「BoxDecoration」を指定します。

次に、BoxDecorationの引数「border」に「Border.all()」を指定します。

そして、Border.all()の引数「color」で枠線の色を設定します。

child: Container(
  decoration: BoxDecoration(
    border: Border.all(
      color: /*色*/, 
    ),
  ),
),

以下は、使用例です。

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Container(
          decoration: BoxDecoration(
            border: Border.all(
              color: Colors.pink, //色
            ),
          ),
          height: 200,
          width: 200,
        ),
      ),
    );
  }