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 |