2024/10 3

[Flutter] 다이얼로그 내부에서 체크박스 사용하기 | StatefulBuilder 추가 | 상태 정보 관리 및 저장 방법 | FlutterSecureStorage

문제상황 AlertDialog 위젯 내부에 있는 Checkbox에 체크를 했는데,체크 표시가 반영 안되는 문제가 있었다.  Scaffold 위젯 body 내부의 Container에 있는 체크박스는위의 Checkbox 위젯의 코드와 다를게 없었지만 동일한 문제가 일어나지 않았다.  아마 Checkbox 위젯 코드 자체의 문제는 아닌 듯 했는데...   여기서 특이한 점은 체크박스 표시가 동작 자체를 아예 안하는 것이 아닌,x 표시를 눌러 다이얼로그를 닫았다가 다시 다이얼로그를 열면 체크가 반영이 되어있었다. 즉, 바뀐 체크 상태를 반영하기 위한 새로고침이 필요한 것이라고 판단했고 해결 방법을 찾아 보았다.  원인 [로그인 정보 저장 체크박스 위치]: Scaffold 내부의 Container 내부onChan..

Mobile 2024.10.15

[Flutter] 버튼 공백 지우기 | ElevatedButton와 GestureDetector 비교 | 위젯 분석

문제상황 '시작일' 컨테이너 내부의 아이콘 버튼들을 우측 끝에 두고 싶었다.저 버튼과 버튼을 둘러싼 컨테이너나 패딩 위젯에도 padding, margin 등의 속성에공백을 싹 줄였는데도 화면에선 공백이 있는 것처럼 보인다.  버튼을 꾹 눌러보면 그 버튼의 크기가 보이는데 분명 여백이 없어 보인다.   달력도 꾹 누르면 마찬가지로 저렇게 공백이 없다. 위젯 트리원인을 모르겠어서, 직접 저 공백의 출처를 밝혀내고자 위젯 트리에서 해당 위젯을 눌러 보기로 했다.  웹에서는 f12(개발자도구)를 키면 Elements 탭에서 select element to inspect 버튼을 통해해당 element를 눌러서 그 위치의 코드를 확인할 수 있다. TA 하면서 이 작업을 정말 많이 거쳤는데...모바일에서도 이 작업이..

Mobile 2024.10.08

[Flutter] 스크롤 할 때 app bar 색상 변경 이슈

문제 상황Flutter에서 app bar를 그대로 사용하면 스크롤 할 때 색깔이 변경되는 문제가 있다. [변경 전]  해결원인은 기본적으로 스크롤할 때 그림자가 지도록 설정 되어있기 때문에,그림자가 생기면서 색깔이 진해지는 것이다. 이를 해결하기 위해선 AppBar 안에 scrolledUnderElevation: 0 을 추가하면 된다.return Scaffold(    appBar: AppBar(        scrolledUnderElevation: 0, // 해당 부분 추가        ...    ),    ...);  [변경 후]  이제 "알림" title 부분 app bar는 색깔이 변하지 않는다!근데 아직 최상단 app bar는 스크롤 할 때 색상이 변한다. 이는 Home.dart 위젯 내부 ..

Mobile 2024.10.07