🦋 Flutter 앱 개발: 상태 관리와 네비게이션 활용

// 1단계: pubspec.yaml 설정
dependencies:
 flutter:
   sdk: flutter
 provider: ^6.0.5

// 2단계: 상태 관리 구현
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';

class AppState {
  int counter = 0;
}

void main() => runApp(
  ChangeNotifierProvider(
    create: (_) => AppState(),
    child: MyApp(),
  ),
);

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text('상태 관리 예제')),
        body: Center(child: Text('카운터: ${Provider.of<AppState>(context).counter}')),
        floatingActionButton: FloatingActionButton(
          onPressed: () => Provider.of<AppState>(context, listen: false).counter++,
          child: Icon(Icons.add),
        ),
      ),
    );
  }
}

// 3단계: 내비게이션 추가
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      initialRoute: '/',
      routes: {
        '/': (context) => HomeScreen(),
        '/detail': (context) => DetailScreen(),
      },
      home: HomeScreen(),
    );
  }
}

class HomeScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('홈 화면')),
      body: Center(
        child: ElevatedButton(
          onPressed: () => Navigator.push(context, MaterialPageRoute(builder: (context) => DetailScreen())),
          child: Text('상세 화면 이동'),
        ),
      ),
    );
  }
}

class DetailScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('상세 화면')),
      body: Center(
        child: ElevatedButton(
          onPressed: () => Navigator.pop(context),
          child: Text('뒤로'),
        ),
      ),
    );
  }
}

// 4단계: 테스트 및 배포
flutter run -d chrome
flutter build apk --release