[flutter] 플러터 Container에서 상태 관리 패턴을 구현하는 방법은 무엇인가요?

11 Dec 2023

flutter

아래는 간단한 예시 코드로 상태 관리 패턴을 Container 위젯에 구현하는 방법입니다.

import 'package:flutter/material.dart';

class MyContainer extends StatefulWidget {
  @override
  _MyContainerState createState() => _MyContainerState();
}

class _MyContainerState extends State<MyContainer> {
  // 상태 변수 선언
  bool isSelected = false;

  @override
  Widget build(BuildContext context) {
    return Container(
      width: 100,
      height: 100,
      color: isSelected ? Colors.blue : Colors.red,
      child: FlatButton(
        onPressed: () {
          // 상태 변경
          setState(() {
            isSelected = !isSelected;
          });
        },
        child: Text('Toggle Color'),
      ),
    );
  }
}

위 코드에서는 StatefulWidget을 사용하여 _MyContainerState 내에 상태 변수인 isSelected를 선언하고, build 메서드에서 해당 상태에 따라 Container의 색을 변경하는 방법을 보여줍니다.

이 예시는 매우 간단한 형태의 상태 관리이며, 복잡한 애플리케이션의 경우 Provider나 Bloc 같은 상태 관리 라이브러리를 고려해볼 수 있습니다.