본문 바로가기
공부방/Flutter

[Flutter] Padding 함수(위젯)

by SmartCow 2024. 2. 13.

1. Padding함수(위젯)이란?

자식 위젯을 감싸고 그 주위에 간격(패딩)을 추가하는 데 사용. 이것은 자식 위젯 주위에 여백을 추가하여 레이아웃을 더욱 깔끔하게 만들 수 있다.

2. 예제

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Padding Example'),
        ),
        body: Padding(
          padding: EdgeInsets.all(20.0),
          child: Center(
            child: Text(
              'Hello, Flutter!',
              style: TextStyle(fontSize: 24.0),
            ),
          ),
        ),
      ),
    );
  }
}

위 코드에서 Padding 위젯은 EdgeInsets.all(20.0)로 정의된 패딩을 가지고 있다. 이는 상하좌우 각 방향으로 20.0의 패딩을 추가한다. child 속성으로는 Center 위젯과 그 하위에 Text 위젯이 있다. 이렇게 함으로써 텍스트가 화면 중앙에 정렬되고 그 주위에 20.0의 패딩이 추가된다.

※ EdgeInsets 클래스를 사용하여 다양한 방향으로의 패딩을 정의할 수 있다. 
EdgeInsets.symmetric, EdgeInsets.only 등의 다양한 패딩 설정 방법이 있다.

'공부방 > Flutter' 카테고리의 다른 글

[Flutter] Scaffold()함수(위젯)  (0) 2024.02.27
[Flutter] SingleChildScrollView함수(위젯)  (0) 2024.02.14
[Flutter] Text함수(위젯)  (0) 2024.02.09
[Flutter] Transform.translate 함수(위젯)  (0) 2024.01.29
[Flutter] 유용한기능  (0) 2024.01.21