Flutter - runApp() , Widget

2023. 11. 8. 11:49·Flutter
728x90
반응형

runApp()

  • runApp 함수는 Flutter 애플리케이션을 실행하는 데 사용되는 최상위 함수.
  • runApp 함수는 애플리케이션의 루트 위젯인 단일 매개변수를 사용.
  • 이 루트 위젯은 앱의 최상위 위젯이며 앱의 다른 위젯을 만들고 관리하는 역할.

Widget 위젯

  • Flutter에서 위젯은 사용자 인터페이스의 기본 구성 요소
  • 버튼, 텍스트 필드, 이미지 등과 같은 앱의 시각적 및 대화형 요소를 정의하는 데 사용
  • 위젯은 웹 개발에서 HTML 요소와 동일하다고 생각할 수 있다

StatelessWidget

  • StatelessWidget은 일단 생성되면 모양이나 동작을 변경할 수 없는 위젯 유형

사용자 인터페이스의 기본 빌딩 블록이며 시간이 지남에 따라 상태나 변경 사항에 의존하지 않는 재사용 가능한 구성 요소를 만드는 데 사용된다.

항상 같은 텍스트나 이미지를 표시하는 레이블이나 아이콘은 StatelessWidget으로 구현된다.

StatelessWidget은 변경할 수 없기 때문에 StatefulWidget보다 빠르게 생성하고 삭제할 수 있다. 따라서 동적 업데이트나 상태 관리가 필요하지 않은 자주 사용되는 UI 요소를 만드는 데 적합하다.

StatefulWidget보다 더 빠른 성능과 더 효율적인 리소스 사용.

함수형으로 만들 수도 있다.


StatefulWidget

  • StatefulWidget은 사용자 상호작용 또는 기타 이벤트에 대한 응답으로 시간이 지남에 따라 모양이나 동작을 변경할 수 있는 위젯 유형.

변경할 수 없고 일단 생성되면 모양이나 동작을 변경할 수 없는 StatelessWidget과 달리 StatefulWidget은 상태 변경에 따라 동적으로 업데이트될 수 있다.

StatefulWidget은 StatefulWidget 자체와 해당 State 클래스라는 두 가지 기본 클래스로 구성된다.
StatefulWidget은 State 객체 생성을 담당하는 반면, State 클래스는 위젯의 상태를 유지하고 필요에 따라 모양이나 동작을 업데이트하는 일을 담당한다.


위젯 작성시 const

프로그램 작동 시 new 되는 객체가 아니라 정적인 객체일 경우 컴파일 타임에 세팅되면 앱 성능이 좋아지므로 플러터에서 권장.

const 권장이 붙은 위젯에는 const를 사용하고 동적으로 바뀌는 경우에만 const를 삭제하면 된다.

728x90
반응형
LIST

'Flutter' 카테고리의 다른 글

Flutter - Scaffold  (1) 2023.11.08
Flutter - MaterialApp  (0) 2023.11.08
Flutter - Android , Ios  (2) 2023.11.08
Flutter - yaml & pubspec.yaml  (2) 2023.11.08
Flutter - abstract class  (1) 2023.11.08
'Flutter' 카테고리의 다른 글
  • Flutter - Scaffold
  • Flutter - MaterialApp
  • Flutter - Android , Ios
  • Flutter - yaml & pubspec.yaml
Mr. Joo
Mr. Joo
  • Mr. Joo
    삽질의 시작
    Mr. Joo
  • 전체
    오늘
    어제
    • 분류 전체보기 (214) N
      • Flutter (70)
      • Android (9)
      • Swift (4)
      • React (11)
      • 인공지능 (4)
      • CS (10)
      • 개발 뉴스 (103) N
      • IT 기기 (1)
      • 알면 유용한 정보 (2)
  • 인기 글

  • 태그

    개발 뉴스
    오늘의 이슈
    기술 뉴스
    오늘의 뉴스
    앱개발
    Dart 기초
    기술
    이슈
    react
    뉴스
    뉴스 모음
    플러터
    오늘의 기술 뉴스
    개발
    앱
    Flutter
    앱 개발
    오늘의 개발 뉴스
    DART
    개발 이슈
  • 최근 댓글

  • 최근 글

  • 250x250
    반응형
  • hELLO· Designed By정상우.v4.10.3
Mr. Joo
Flutter - runApp() , Widget
상단으로

티스토리툴바