【Flutter】Cardの内側と外側の余白を調整する

Card の内側と外側に余白を調整する方法を紹介します。

Paddingで内側、Cardmargin で外側の余白を調整します。

\ 世界最大級のオンライン学習サービス /

目次

内側の余白を調整

Card(
  child: Padding(
    padding: EdgeInsets.all(12.0),
    child: Text(
      'Hello World',
      style: TextStyle(fontSize: 40),
    ),
  ),
),

内部余白を調整するにはchildウィジェットをPadding でラップし、paddingEdgeInsetsGeometry を渡します。

外側の余白を調整

Card(
  child: Text(
    'Hello World',
    style: TextStyle(fontSize: 40),
  ),
  margin: EdgeInsets.all(30),
),

外部余白を調整するにはmargin を使用します。marginEdgeInsetsGeometry を渡します。

参考

  • URLをコピーしました!
目次