Flutter Columnの上部にパディングを設定するサンプル

2024年2月16日

環境
Windows11 pro 64bit
Flutter 3.3.7

構文
Padding(
padding: EdgeInsets.only(
top: /*上のパディング*/,
),
Paddingの引数「padding」にEdgeInsets.onlyを指定します。
上部のパディングは、EdgeInsets.onlyの引数「top」で設定します。
Columnの上部にパディングを設定するには、Paddingウェジェットを使いまず。

使用例

@override
Widget build(BuildContext context) {
  return SafeArea(
    child: Scaffold(
      appBar: AppBar(
        title: Text('Demo App'),
      ),
      body: Padding(
        padding: EdgeInsets.only(
          top: 50.0, //５０のパディング
        ),
        child: Column(
          children: [
            Expanded(
              child: Container(
                color: Colors.green,
              ),
            ),