YumeHANA YUME'S DEV

이전에 Hive를 활용하여 저장 기능을 구현하였기에 이제 수정과 삭제 기능을 구현하기 위해서 Slidable을 활용https://pub.dev/packages/flutter_slidable flutter_slidable | Flutter packageA Flutter implementation of slidable list item with directional slide actions that can be dismissed.pub.devSlidable은 리스트를 옆으로 넘겨 삭제 혹은 버튼을 선택할 수 있도록 해준다.DependenciesSlidable을 사용하기 위해 yaml파일에 의존성 추가dependencies: flutter: sdk: flutter # list Slider fl..

이전 hive 세팅이 끝났으므로실제 데이터를 추가 기능을 구현 Box Add이전 모달창에서 리스트에 추가하는 방식에서 hive에 데이터 추가 로직을 추가버튼쪽에서는 이전 구현에서 바뀐점 없이 그대로 진행하며 addFixList함수에 로직을 추가Container SaveChildButton(BuildContext context) { final fixSaveProvider = Provider.of(context, listen: false); return Container( margin: const EdgeInsets.fromLTRB(0, 0, 16.0, 0), alignment: Alignment.centerRight, child: ElevatedButton..

이전 ture, false값으로 다크모드를 설정할때는 캐시 저장 방식을 사용했지만,데이터를 저장하기 위해서 캐시 저장방식이 불가하여 hive 라이브러리를 사용하여 데이터를 저장하는 방식으로 진행 로컬로 데이터를 저장하기 위해서 다른 DB를 사용하지 않고 hive를 사용Hive Dependenciesdependencies: flutter: sdk: flutter hive: ^2.2.3 hive_flutter: ^1.1.0 dev_dependencies: flutter_test: sdk: flutter uild_runner: ^2.4.7 hive_generator: ^2.0.1 hive를 사용하기위해hive, hive_flutteruild_runner, hive_generator를 추가..

금액을 표시할때 세자리 단위로 , 를 만들기위해 formatter를 만들려고 한다. 이전에 캘린더를 사용할때intl 의존성을 추가했는데 이를 활용하여 formatter를 만들 수 있었다.dependencies: flutter: sdk: flutter intl: ^0.19.0 공용 함수를 만들기 위해서 utils 폴더를 만들어 format 함수를 구현formatMoney함수에서 String 타입으로 변수를 받는다.이를 double형태로 변경하여intl 에 있는 NumberFormat함수를 이용하여 , 를 찍도록 한 후 local을 ko로 설정이후 그 값을 returnimport 'package:intl/intl.dart';String formatMoney(String money) { final ..

팝업에서 금액을 입력하면 바로 리스트에 추가시키는 기능을 구현View Setting리스트를 관리하기위해 리스트 변수를 선언Cost라는 타입을 만들고 Cost타입의 빈 리스트를 선언class Cost { final int id; final String title; final String pay; Cost({ required this.id, required this.title, required this.pay, });}List fixedCost = []; 이후 ExpansionChild에 리스트로 보여주기 위해서 child: ExpansionTile( backgroundColor: Colors.transparent, title: Text('It..

기존의 TextField를 사용하니 이쁘지가 않아서스타일을 적용하고자 한다. 우선 textField widget을 만들어서 위치를 잡기 위해 Padding을 설정color는 현재 전역으로 만든 textColor를 사용Padding textField() { return Padding( padding: EdgeInsets.all(16.0), child: TextField( style: TextStyle(color: textColor), ), ); }최대한 현재 어플의 스타일과 비슷하게 만들기 위해배경색 및 테두리 작업을 진행textField의 경우 InputDecoration을 활용하여 style을 넣어줄 수 있다.hintText 와 hintStyle을 활..

화면 하단 팝업을 구현하기 위해showModalBottomSheet 기능을 사용 SizeBox 위젯을 따로 만들어 추가 버튼 쪽을 따로 구현SizedBox AddChildList() { return SizedBox( width: double.infinity, child: GestureDetector( onTap: () { showModalBottomSheet( context: context, builder: (context) => BottomModal()); }, child: Container( padding: EdgeInsets.symmetric(vertica..

ExpansionTile을 이용하다보니divider가 색이있고,또한 부모로 Container를 두었을때 border가 있다면 클릭하면 물결 효과가 사각형으로 나와서 이상하게 나온다. 처음에는 ExpansionTile에 Padding을 강제로 주어서 Container안에 넣어 안보이게 처리했지만ThemeData에 splashColor와 highlightColor의 색상만 변경해주면 되는 것 찾게 되었다. splashColor : 터치가 발생한 곳에서 시작하여 퍼지는 효과highlightColor : 위젯 전체로 물결 효과기존에 이렇게 썻던것을 ThemeData로 묶어서 사용data: Theme.of(context).copyWith(dividerColor: Colors.transparent),CustomCo..