728x90

Container 2

[Flutter/플러터] Column 과 Row 로 간단한 컨테이너 레이아웃

Column & Row 배치 및 정렬하기 Column 은 세로로 배치하는 위젯을 말합니다. Container 를 3개 만들고 Column 으로 감싸주었습니다. 기본적으로 아래와 같이 배치가 됩니다. import 'package:flutter/material.dart'; void main() { runApp( MaterialApp( home: Scaffold( appBar: AppBar( title: Text('Column'), ), body: TestColumn(), //별도의 클래스를 body 에 만들어서 테스트합니다. ), ), ); } class TestColumn extends StatelessWidget { const TestColumn({super.key}); @override Widget b..

Coding/Flutter 2023.08.13

[Flutter/플러터 공부] 컨테이너 위젯 만들고 간단히 꾸미기

이제 플러터 공부해보고자 하는 초보가 하고 배운 것 하나씩 적어보려고 합니다. 틀린 부분도 있을 수 있으니 유념하여 봐주세요. Container 간단히 꾸미는 정도의 내용이라 별도의 CustomContainer 로 Class 를 만들어 진행해봤습니다. MaterialApp 과 Scaffold MaterialApp은 Material Design을 사용할 수 있게 하는 클래스입니다. 많은 파라미터 중에서 필수적인 것은 home(widget)입니다. home은 app을 실행할 때 가장 먼저 나오는 페이지(위젯)입니다. 또한 MaterialApp() 클래스를 사용하게 되면 Scaffold 를 사용할 수 있는데 화면을 구성하는 뼈대 형태라고 이해할 만합니다. 화면 구성에 들어가는 위젯들과 요소들을 감싸는 레이아웃..

Coding/Flutter 2023.08.13
728x90