Flutter Stateless & Stateful Widget

    Flutter는 크게 2개의 타입의 위젯으로 나뉩니다. 

    • Stateless Widgets
    • Stateful Widgets

    Stateless Widgets
    Stateless 위젯은 런타임에 강력하게 변경되지 않으므로 상태를 처리할 필요가 없는 위젯입니다.
    변수, 버튼, 기호 등 정보를 복구하기 위해 응용 프로그램에서 변경할 수 없도록 영구화됩니다. 빌드 메서드를 덮어써 위젯을 반환합니다.
    우리는 실제 아이템 내부의 데이터에 따라 UI가 달라질 때 사용합니다.

    mport 'package:flutter/material.dart';
    
    void main() => runApp(MyApp());
    
    class MyApp extends StatelessWidget {
      @override
      Widget build(BuildContext context) {
        return Container();
      }
    }

     

    Stateful Widgets
    Stateful Widgets는 State와 UI가 런타임에 점진적으로 변경 될 수 있는 위젯입니다. 변경 가능한 위젯이므로 지속적으로 변경됩니다. 사용자가 애플리케이션 화면을 점진적으로 업데이트할 때 활용합니다. 이 위젯은 상태 위젯을 가지고 있기 때문에 화면에 무언가가 업데이트되었다는 것을 모두가 인식하기 때문에 여러 위젯 중 가장 중요합니다

    import 'package:flutter/material.dart';
    
    void main() => runApp(MyApp());
    
    class MyApp extends StatefulWidget {
      @override
      _MyAppState createState() => _MyAppState();
    }
    
    class _MyAppState extends State<MyApp> {
      @override
      Widget build(BuildContext context) {
        return Container();
      }
    }


    'Flutter(플러터) > UI' 카테고리의 다른 글

    Flutter Icon ? IconData ?  (0) 2022.01.05
    Flutter Lifecycle ( 라이프 사이클 )  (0) 2022.01.05
    Flutter 이미지를 SVG Icon ( 아이콘 )으로 만들고 싶을 때.  (0) 2022.01.04
    Expanded  (0) 2021.12.31
    Flexible  (0) 2021.12.31

    댓글