[Flutter] widget(위젯)

 

 1. 위젯이란?

 

 - 하나의 단위 기능 (소형 어플리케이션) 으로 볼 수 있다.

 

 - 프로그램의 유지보수 효율성을 위해서 위젯 단위로 프로그램을 짜고 별도 관리 할 수 있다.

 

 

2. VS Code widget 추출 방법

 

 - main.dart 에서 scaffold(건설 현장에서 짓고 있는 건물 옆 작업자가 작업 할 수 있도록 하는 임시 구조물)를 클릭한 다음 컨트롤 + .(점) 을 눌른 후 widget 이름을 입력한 후 enter 를 누르면  auto generate 된다.

 

 

 - 아래와 같이 별도의 클래스로 작성된 것을 확인 할 수 있다.

 

3. widget dart 파일로 분리하기

 

 - lib 폴더 안에 page 로 폴더를 생성한 후 위젯명.dart 파일을 생성한다.

 

 - import 'package:flutter/material.dart'; 를 입력한 후  엔터 stless 를 입력하면 Flutter Stateless Widget 메뉴 창이 뜨는 것을 선택한다.

 

 - 이후 이전에 홈화면을 작업한 것 처럼 home 화면 코드를 작성하면 된다.

 

 

4. private 위젯과 public 위젯

 

 - 별도의 명시 없이 위와 같이 작성하면 public 위젯으로 import 만 하면 어디서든 사용 가능하다. 하지만 위젯이 파일 내부에서만 참조하여 사용될 경우, 클래스명 앞에 _를 붙여 private으로 사용할 수 도 있다.