Flutter12 [굿위시 제작기] 8. 굿즈 추가 페이지 제작과정 - DatePicker 사용하기 굿즈 날짜 기록 state굿즈 추가 페이지의 state 중에는 date가 있습니다.굿즈를 획득한 시점을 기록하는 부분입니다. Flutter에서는 날짜에 대해 DateTime이라는 class를 제공하고 있습니다.덕분에 쉽게 날짜를 출력할 수 있지만, 유저가 직접 날짜를 지정하는 기능을 만들 필요가 있습니다. DatePicker 위젯[굿즈 추가 페이지 소스코드 주소 : https://arnopark.tistory.com/917#%EC%84%A0%ED%83%9D%EC%A7%80-%EC%A0%95%EB%8B%B5-2] 위젯 중에는 굿즈 구매 일자를 등록할 수 있는 항목이 있습니다.AddGoodsListEl 위젯은 leftText, rightWidget을 전달받는데, rigthWidget에 DateP.. 2024. 10. 17. [굿위시 제작기] 7. 굿즈 추가 페이지 제작과정 - 도면, 초기세팅, 사진추가 기능 굿즈를 추가할 수 있는 페이지가 필요하다바텀 내비게이션바의 '추가' 버튼을 누르면 나오는 페이지이자, 굿즈 정보를 추가할 수 있는 기능이 포함된 페이지가 필요합니다. 지금부터 굿즈 추가 페이지를 만드는 과정에 대해 알아보겠습니다.굿즈 추가 페이지는 다른 페이지와 다르게 많은 기능 구현 과정이 포함됩니다. 따라서, 여러 단계로 글을 나눠서 작성을 하겠습니다. 페이지 디자인굿즈나 위시리스트에 들어갈 굿즈의 정보를 자세하게 입력하고 저장하는 기능을 담당합니다. 제작 결과물아이폰 15프로를 기준으로 출력된 모습입니다. 페이지 소스코드import 'package:flutter/material.dart';import 'package:goodwishes/constants/ui_numbers.dart';i.. 2024. 9. 24. [굿위시 제작기] 6. 굿즈 상세 페이지 제작하기 굿즈의 상세한 정보를 보여주는 페이지를 만들자저번에 만든 굿즈 메인페이지의 굿즈를 클릭하면, 그 굿즈에 대해서 정확하게 보여주는 페이지가 필요합니다.지금부터 그 페이지를 만들겠습니다. 페이지 디자인굿즈의 내부 정보랑, 같은 카테고리에 포함된 다른 굿즈들을 보여주는 것을 목표로 디자인을 했습니다. 이후 코딩과정에서 두 가지 변경사항이 생겼습니다.1. 태그기능은 넣지 않고, 카테고리(분류)만 일단 넣자.2. '같은 카테고리의 물건들' 항목은 앱의 안정성을 더 키운 이후에 업데이트하자 제작 결과물아이폰 15프로를 기준으로 출력된 모습입니다. 페이지 소스코드import 'package:flutter/material.dart';import 'package:goodwishes/Models/goods_m.. 2024. 9. 17. 이전 1 2 다음
