Stateless, Stateful

[name27]

Flutter는 그림을 그리는 툴이고 그것을 빌드라고 한다. 모든 위젯은 빌드를 통해 그려진다 Widget build(BuildContext context) {}로 빌드가 진행 됨 Flutter 위젯은 Stateless 위젯, Stateful 위젯 둘 중 하나이다. Stateless

• 한번 빌드되면(한 번 그려지면), 스스로가 자신을 재 빌드를 할 수 없음
• 스스로 상태가 없다
• 한 번 UI를 그리면, 수정할 필요가 없다
• ex) Text, Container

Stateful

• 나 스스로를 업데이트할 수 있는 능력을 가질 수 있다. (재 빌드 가능)
• 스스로 상태가 있다
• UI를 다시 그릴 수가 있다.
• ex) Checkbox, TextField
• setState((){})라는 함수로 재빌드 가능

[name27]

StatefulWidget 예제

// ignore_for_file: prefer_const_constructors

import 'package:flutter/material.dart';

void main() => runApp(const MyApp());

class MyApp extends StatefulWidget {
  const MyApp({super.key});

  static const String _title = 'Flutter Code Sample';

  @override
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  String message = '안녕';
  int level = 1;

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: SafeArea(
          child: Column(
            children: [
              Text(message),
              InkWell(
                onTap: () {
                  level ++;
                  setState(() {}); //이 함수를 넣어줘야 재 빌드 됨
                },
                child: Text('$level레벨 입니다.')
              ),
            ],
          ),
        ),
        floatingActionButton: FloatingActionButton.extended(
          onPressed: () {
            message = '반가워';
            setState(() {});
          },
          label: Icon(Icons.change_circle)
        ),
      ),
    );
  }
}