📝 투두앱 만들기

바텀시트 vs 바텀 네비게이션

차이점

• 바텀 시트(Bottom Sheet): 화면 위로 슬라이드되며 나타나는 임시 패널.
• 바텀 네비게이션(Bottom Navigation): 화면 하단 고정 네비게이션 바.

키보드 관련 이슈

• 바텀 네비게이션은 키보드가 올라오면 가려짐
• 입력 필드 포커스 해제해 키보드 닫기 필요

키보드 닫는 처리 (포커스 해제)

• 화면 빈 공간을 탭하면 현재 포커스를 가진 위젯의 포커스를 없애 키보드를 숨김
• 포커스 되어있는 영역을 찾아 unfocus() 실행
• 키보드 올라온 상태에서 빈 화면 누르면 키보드 해제

    return GestureDetector(
      onTap: () {
        FocusScope.of(context).unfocus();
      },
      )

스크롤 가능한 레이아웃

• SingleChildScrollView: 단일 위젯 스크롤
• ListView: 리스트 항목 스크롤

삼항 연산자

int value ? true : false

color: isDone ? Colors.blue : null,

child: isDone ? Icon(Icons.check, color: Colors.white, size: 16) : null,

공부 소감

투두 앱의 ui 구현까지 완료했담
다음 강의에서 StatefulWidget 구현할 것