반응형
Flutter의 Widget 종류
Flutter에는 다양한 종류의 위젯이 있습니다. 다음은 일부 흔한 위젯의 예입니다.
- StatelessWidget: 이 위젯은 한 번 생성되면 상태가 변경되지 않는 정적인 UI를 만들 때 사용됩니다. 예를 들어, 텍스트 또는 이미지와 같은 간단한 UI를 만들 때 사용됩니다.
- Container: 이 위젯은 일반적으로 UI 요소를 그룹화하고 배치하기 위해 사용됩니다. Container는 색상, 여백, 경계선, 그림자와 같은 스타일링 기능을 제공합니다.
- Row, Column: 이 위젯들은 위젯을 수평 또는 수직으로 배열하기 위해 사용됩니다. Row는 가로로, Column은 세로로 배치할 수 있습니다.
- ListView: 이 위젯은 화면에 스크롤 가능한 목록을 만들 때 사용됩니다. ListView는 여러 개의 자식 위젯을 가질 수 있으며, 일반적으로 ListTile과 함께 사용됩니다.
- MaterialApp: 이 위젯은 애플리케이션의 전체 UI를 래핑하고 애플리케이션의 뼈대를 형성합니다. MaterialApp는 MaterialApp 위젯에서 제공되는 다양한 기능을 사용할 수 있습니다.
StatefulWidget
Flutter에서 StatefulWidget은 사용자 인터페이스의 상태를 변경할 수 있는 위젯입니다. 즉, 상호 작용이나 시간이 지남에 따라 UI가 변경되어야 하는 경우 StatefulWidget을 사용할 수 있습니다.
StatefulWidget은 두 가지 주요 요소로 이루어져 있습니다. 첫 번째 요소는 StatefulWidget 클래스 자체입니다. 이 클래스는 위젯이 어떻게 동작해야 하는지에 대한 정보를 가지고 있습니다. 두 번째 요소는 State 클래스입니다. State 클래스는 StatefulWidget 클래스의 인스턴스에 대한 상태를 보유하고 있으며, 위젯이 다시 그려져야 할 때마다 호출되는 build() 메서드를 가지고 있습니다.
즉, StatefulWidget은 변경 가능한 상태를 가지고 있으며, 이 상태를 통해 UI를 업데이트하는 것입니다. StatefulWidget을 사용하면 Flutter 애플리케이션에서 동적인 UI를 쉽게 구현할 수 있습니다.
State 클래스와 StatefulWidget 클래스의 관계
State 클래스의 build 함수가 리액트의 render 함수의 기능을 하는 것 같다.
StatefulWidget 클래스는 다른 강의에서 학습해보니 데이터 목록하고 생성자, State 선언 같은게 들어가더라.
함수는 둘중에 어디에 적는거였더라 한번 봐야되긴 함.
반응형
댓글