본문 바로가기

Flutter/Flutter Study20

[Flutter] 위젯(widget) 종류, child children 매개변수 플러터 위젯 (Flutter Widget) 플러터는 화면에 그려지는 모든 요소가 위젯으로 구성되어 있다. 플러터 프레임워크는 많은 기본 위젯을 제공하며, 앱 개발자가 직접 위젯을 만들 수도 있다. 위젯은 현재 주어진 상태(State)를 기반으로 어떤 UI를 구현할 지를 정의한다. 위젯의 상태(State)가 변경되면 기존 상태의 위젯과 비교해 최소한의 변경사항을 산출해 UI를 화면에 다시 그려준다. 위와 같이 최소한의 리소스를 이용해 UI 변경을 함으로 최대 120FPS까지 높은 퍼포먼스를 산출할 수 있다. 대표적인 플러터 위젯(Widget) 자식을 하나만 받는 child 매개변수를 사용하는 위젯 Container 위젯 자식을 담는 컨테이너 역할을 하며 배경색, 너비, 높이, 테두리 등의 디자인을 설정할 .. 2023. 1. 17.
[Flutter] Hello Flutter 출력해보기 Hello Flutter 출력하기 플러터는 프로젝트를 생성하면 /lib/main.dart 파일에 자동으로 샘플 코드를 생성한다. 해당 부분을 지우고 코드를 작성하면 된다. import 'package:flutter/material.dart'; void main() { runApp( MaterialApp( home: Scaffold( body: Center( child: Text( 'HELLO FLUTTER', ), ), ), ), ); } import 'package:flutter/material.dart'; - 머터리얼 디자인 관련 기능을 불러온다. - flutter/material.dart 를 불러와야 플러터에서 제공해주는 위젯 기능을 사용할 수 있다. void main() { runApp( Mate.. 2023. 1. 17.