일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 |
- custom hook
- typescript
- context api
- suffixicon
- Github Actions
- kakao blind recruitment
- 사탕게임
- TextFormField
- Props Drilling
- useMemo
- Python
- react
- 이메일 인증
- 피보나치 함수
- React.memo
- javascript
- interaction test
- Flutter
- useEffect
- ZOD
- 백준
- React-hook-form
- 리팩토링
- Vanilla JavaScript
- visual test
- next.js
- 프로그래머스
- locale data
- storybook
- next-auth
- Today
- Total
목록Flutter (3)
Dev Diary

위 이미지처럼 달력을 구현해야했는데, 오른쪽 상단에 x 아이콘(누르면 달력이 닫힌다)을 넣으려고 Stack과 Positioned 위젯을 사용했다.아래처럼 작성했는데, 아무리 x 아이콘을 눌러보아도 "닫기"가 터미널에 출력이 되지 않았다. Stack( children: [ Positioned( top: 24, right: 20, child: GestureDetector( onTap: () { print("닫기"); Navigator.pop(context); }, child: SvgPi..
table calendar 패키지를 이용해서 bottom sheet에 캘린더를 넣은 뒤 기간 필터링 ui에서 직접설정 옵션을 선택하면 달력이 아래서 위로 올라오는 화면을 구현하려고 TableCalendar 관련 코드를 모두 작성하고 실행해보았더니 "flutter locale data has not been initialized"라는 오류가 발생했다.intl 패키지를 통해 main.dart에서 로컬 설정을 초기화해주었더니 에러가 사라졌다.void main() async { await initializeDateFormatting(); // 이 부분을 추가 // 다른 코드들 ... runApp(const ProviderScope(child: MyApp()));}
이걸로 몇시간 삽질했다. 역시 공식 문서 최고 ㅠchild: TextFormField( suffixIcon: FindAddressButton( onPressed: () { print('주소찾기 클릭'); }, ), suffixIconConstraints: const BoxConstraints( maxWidth: 66, minHeight: 30, ),),suffixIcon 아래에 suffixIconConstraints 옵션 추가