[Flutter]Cardの枠線(border)の太さ(width)を設定するには？

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

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

方法

Cardの枠線の太さを設定するには、RoundedRectangleBorderを使います。

まず、Cardの引数「shape」にRoundedRectangleBorderを指定します。

次に、RoundedRectangleBorderの引数「border」にBorderSideを指定します。

そして、BorderSideの引数「width」に枠線の太さを設定します。

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Card(
          shape: RoundedRectangleBorder(
            side: BorderSide(
              width: 3, //枠線の太さ
            ),
          ),
          child: ListTile(
            title: Text('Flutter'),
          ),
        ),
      ),
    );
  }