크로스플랫폼 To-Do 앱 만들기 Part 4: UI 다듬기와 빌드/배포

// lib/app.dart
import 'package:flutter/material.dart';
import 'screens/todo_list_screen.dart';

class TodoApp extends StatelessWidget {
  const TodoApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'My Todo',
      theme: ThemeData(
        colorScheme: ColorScheme.fromSeed(
          seedColor: Colors.indigo,
          brightness: Brightness.light,
        ),
        useMaterial3: true,
        appBarTheme: const AppBarTheme(
          centerTitle: true,
          elevation: 0,
        ),
        floatingActionButtonTheme: const FloatingActionButtonThemeData(
          elevation: 2,
        ),
      ),
      darkTheme: ThemeData(
        colorScheme: ColorScheme.fromSeed(
          seedColor: Colors.indigo,
          brightness: Brightness.dark,
        ),
        useMaterial3: true,
        appBarTheme: const AppBarTheme(
          centerTitle: true,
          elevation: 0,
        ),
      ),
      themeMode: ThemeMode.system,
      home: const TodoListScreen(),
    );
  }
}

// lib/widgets/todo_item.dart
Widget build(BuildContext context) {
  final theme = Theme.of(context);

  return Dismissible(
    key: Key(todo.id),
    direction: DismissDirection.endToStart,
    background: Container(
      alignment: Alignment.centerRight,
      padding: const EdgeInsets.only(right: 20),
      color: theme.colorScheme.error,
      child: Icon(
        Icons.delete,
        color: theme.colorScheme.onError,
      ),
    ),
    onDismissed: (direction) {
      onDelete(todo);
    },
    child: ListTile(
      leading: Checkbox(
        value: todo.isDone,
        onChanged: (value) => onToggle(todo),
      ),
      title: Text(
        todo.title,
        style: TextStyle(
          decoration: todo.isDone
              ? TextDecoration.lineThrough
              : TextDecoration.none,
          color: todo.isDone
              ? theme.colorScheme.outline
              : theme.colorScheme.onSurface,
        ),
      ),
      trailing: IconButton(
        icon: const Icon(Icons.edit),
        onPressed: () => onEdit(todo),
      ),
    ),
  );
}

// lib/screens/todo_list_screen.dart
void _deleteTodo(Todo todo) {
  final index = _todos.indexOf(todo);
  setState(() {
    _todos.removeAt(index);
  });
  _saveTodos();

  ScaffoldMessenger.of(context).showSnackBar(
    SnackBar(
      content: Text('"${todo.title}" 이(가) 삭제되었습니다.'),
      action: SnackBarAction(
        label: '되돌리기',
        onPressed: () {
          setState(() {
            _todos.insert(index, todo);
          });
          _saveTodos();
        },
      ),
      duration: const Duration(seconds: 3),
    ),
  );
}

List<Todo> get _sortedTodos {
  final sorted = List<Todo>.from(_todos);
  sorted.sort((a, b) {
    // 미완료 항목을 먼저 표시
    if (a.isDone != b.isDone) {
      return a.isDone ? 1 : -1;
    }
    // 같은 상태라면 최신 항목을 먼저 표시
    return b.createdAt.compareTo(a.createdAt);
  });
  return sorted;
}

@override
Widget build(BuildContext context) {
  return Scaffold(
    appBar: AppBar(
      title: const Text('My Todo'),
    ),
    body: _todos.isEmpty
        ? Center(
            child: Column(
              mainAxisAlignment: MainAxisAlignment.center,
              children: [
                Icon(
                  Icons.checklist,
                  size: 80,
                  color: Theme.of(context).colorScheme.outline,
                ),
                const SizedBox(height: 16),
                Text(
                  '할 일이 없습니다.\n아래 버튼을 눌러 추가해 보세요!',
                  textAlign: TextAlign.center,
                  style: TextStyle(
                    fontSize: 16,
                    color: Theme.of(context).colorScheme.outline,
                  ),
                ),
              ],
            ),
          )
        : ListView.builder(
            itemCount: _sortedTodos.length,
            itemBuilder: (context, index) {
              final todo = _sortedTodos[index];
              return TodoItem(
                todo: todo,
                onToggle: _toggleTodo,
                onEdit: _editTodo,
                onDelete: _deleteTodo,
              );
            },
          ),
    floatingActionButton: FloatingActionButton(
      onPressed: _addTodo,
      child: const Icon(Icons.add),
    ),
  );
}

dev_dependencies:
  flutter_launcher_icons: ^0.14.3

flutter_launcher_icons:
  android: true
  ios: true
  image_path: "assets/icon/app_icon.png"
  adaptive_icon_background: "#FFFFFF"
  adaptive_icon_foreground: "assets/icon/app_icon_foreground.png"

dart run flutter_launcher_icons

dev_dependencies:
  flutter_native_splash: ^2.4.4

flutter_native_splash:
  color: "#FFFFFF"
  color_dark: "#1A1A2E"
  image: "assets/icon/splash_logo.png"
  android_12:
    image: "assets/icon/splash_logo.png"
    color: "#FFFFFF"
    color_dark: "#1A1A2E"

dart run flutter_native_splash:create

keytool -genkey -v -keystore ~/my-todo-key.jks \
  -keyalg RSA -keysize 2048 -validity 10000 \
  -alias my-todo

def keystoreProperties = new Properties()
def keystorePropertiesFile = rootProject.file('key.properties')
if (keystorePropertiesFile.exists()) {
    keystoreProperties.load(new FileInputStream(keystorePropertiesFile))
}

android {
    // ...

    signingConfigs {
        release {
            keyAlias keystoreProperties['keyAlias']
            keyPassword keystoreProperties['keyPassword']
            storeFile keystoreProperties['storeFile']
                ? file(keystoreProperties['storeFile']) : null
            storePassword keystoreProperties['storePassword']
        }
    }

    buildTypes {
        release {
            signingConfig signingConfigs.release
            minifyEnabled true
            proguardFiles getDefaultProguardFile(
                'proguard-android-optimize.txt'),
                'proguard-rules.pro'
        }
    }
}

# APK 빌드 (직접 설치용)
flutter build apk --release

# AAB 빌드 (Google Play 업로드용)
flutter build appbundle --release

# iOS 릴리스 빌드
flutter build ios --release

# IPA 파일 생성 (App Store 업로드용)
flutter build ipa --release