Flutter Columnの上部にパディングを設定するサンプル
環境
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,
),
),
@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,
),
),
@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,
),
),