pomodoro4 [Pomodoro App] #04. Date Format : #03까지는타이머를 1500으로 해서 전체 초로 표기를 했는데 이젠 분단위로 끊어서 표현해보자. : 타이머의 초가 다 끝나면 다시 처음으로 돌아가게 하자. : 이때 하단의 pomodoros의 횟수를 1씩 증가시키도록 하자. home_screen.dart(main.dart는 변한게 없다. main.dart가 궁금하다면 #01을 보도록 해라!) //home_screen.dart //main은 그대로 import 'dart:async'; import 'package:flutter/material.dart'; class HomeScreen extends StatefulWidget { const HomeScreen({super.key}); @override State createState() => _HomeS.. 2024. 3. 12. [Pomodoro App] #03. Pause, Play : 멈춤인 상태에서는 아이콘버튼을 누르면 재생 아이콘으로 변화하고 상단의 타이머가 작동되게 해보자. : 실행되는 중인 상태에서는 아이콘버튼을 누르면 멈춤 아이콘으로 변화하고 상단의 타이머가 중단되게 해보자. home_screen.dart의 코드는 다음과 같다.(main.dart는 바뀐 것이 없다. 궁금하면 #01을 참고하길!) //home_screen.dart //main은 변한 것 없음 import 'dart:async'; import 'package:flutter/material.dart'; class HomeScreen extends StatefulWidget { const HomeScreen({super.key}); @override State createState() => _HomeScreenS.. 2024. 3. 12. [Pomodoro App] #02. Timer : 지난번 #01 에서는 아이콘버튼을 눌러도 어떠한 이벤트가 발생하지 않았다. : 이젠 아이콘버튼을 누르면 타이머가 작동되도록 하자(1초씩 줄어들도록 하자) 다음은 home_screen.dart의 코드이다.(main.dart는 변한 것이 없다.) //home_screen.dart //main은 #01랑 바뀐 거 없음 ! import 'dart:async'; import 'package:flutter/material.dart'; class HomeScreen extends StatefulWidget { const HomeScreen({super.key}); @override State createState() => _HomeScreenState(); } class _HomeScreenState extend.. 2024. 3. 12. [Pomodoro App] #01. User Interface >> 다음의 코드들에 주석을 달아두었으니 확인을 하자 1. main.dart //main import 'package:flutter/material.dart'; import 'home_screen.dart'; void main() { runApp(App()); } class App extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( theme: ThemeData( backgroundColor: Color(0xFFE7626C), textTheme: TextTheme( headline1: TextStyle( color: Color(0xFF232B55), ), ), cardColor: Color(.. 2024. 3. 11. 이전 1 다음
