YumeHANA YUME'S DEV

확장 리스트를 만들기 위해ExpansionTile을 이용누르면 리스트가 확장되고 접히는 기능을 구현 text가 다크테마에 적용되도록 style적용기존에 child는 title, subTitle로 구성되어있어서Row를 주어 한 줄로 표시 이후 spaceBetween으로 양 사이드에 위치하도록 적용 bool _isExpanded = false; @override Widget build(BuildContext context) { return ExpansionTile( title: Text('Item 1',style: TextStyle(color: textColor)), children: [ Padding( padding: EdgeInsets.all(16...

다크모드 설정을 만들었으니 이제 유지 시켜주기위해서캐시저장 방식중 SharedPreferences를 사용InstallationSharedPreferences를 위해 cocoaPod 설치https://yumedev.tistory.com/12 [ MacOS ] Flutter CocoaPod 설치캐시 저장 방식을 구현하는데shared_preferences: ^2.0.10 shared_preferences를 사용할려면 cocoaPod를 설치해야 캐시 저장 방식을 구현할 수 있다.시뮬레이터에서 캐시저장을 구현하는데 cocoaPod이 없어서 계yumedev.tistory.comDependenciesshared_preferences: ^2.0.10SharedPreferences다크모드 스위치가 값이 바뀔때마다 pro..

cocoapod를 설치하면서 인텔리제이와 시뮬레이션과 연결이 이루어지지 않는 현상을 발견Xcode SDK를 설정해야한다는 글을 보며xcrun -sdk macosx --show-sdk-path  SDK 경로 확인Library/Developer/CommandLineTools/SDKs/MacOSX.sdk  zshrc파일을 열어 환경변수를 설정nano ~/.zshrc 아래와같이 SDKROOT 환경변수 설정zshrc 저장source ~/.zshrc 이후 flutter doctor를 하여 확인flutter doctor 이후 다시 시뮬레이터와 연결이 된 것을 확인할 수 있었다.

캐시 저장 방식을 구현하는데shared_preferences: ^2.0.10 shared_preferences를 사용할려면 cocoaPod를 설치해야 캐시 저장 방식을 구현할 수 있다.시뮬레이터에서 캐시저장을 구현하는데 cocoaPod이 없어서 계속 에러가 발생이를 해결하기위해 cocoaPod 설치 HomeBrew를 활용하여 설치 진행https://yumedev.tistory.com/10 [ MacOS ] HomeBrew 설치HomeBrew는 패키지 관리자이며, 필요한 패키지를 좀 더 쉽게 설치하는데 도움을 주는 패키지이다.InstallationHomeBrew 사이트에서 설치 링크를 복사 하여 터미널에서 실행https://brew.sh/ko/ HomebrewThe Missinyumedev.tistory..

HomeBrew는 패키지 관리자이며, 필요한 패키지를 좀 더 쉽게 설치하는데 도움을 주는 패키지이다.InstallationHomeBrew 사이트에서 설치 링크를 복사 하여 터미널에서 실행https://brew.sh/ko/ HomebrewThe Missing Package Manager for macOS (or Linux).brew.sh /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"Terminalhomebrew 설치 명령어 입력 /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/ins..

스위치를 만들어 다크 모드 설정 구현Color Setting다크모드일때와 라이트모드일때 적용할 컬러를 세팅해준다.색상은 테마에 따라서 색상을 바꾸기위해서 final 변수가 아닌 일반 변수로 설정해준다./* GLOBAL COLOR */Color bgColor = bgLightColor;Color boxColor = boxLightColor;Color textColor = darkGrey;Color iconColor = darkGrey;/* LIGHT THEME COLOR */final Color bgLightColor = hexToColor('f2f4f6');final Color boxLightColor = hexToColor('ffffff');/* DARK THEME COLOR */final Color..

BottomNavigation 에서 탭을 누르면 페이지 이동을 구현CallBack Function페이지 이동을 위해콜백함수 ValueChanged onItemTapped 함수를 추가콜백함수는 값이 변경될때마다 콜백함수를 호출하여 부모에게 값을 전달class BottomNavigation extends StatefulWidget { final int selectedBtn; final ValueChanged onItemTapped; const BottomNavigation({super.key, required this.selectedBtn, required this.onItemTapped}); @override State createState() => _BottomNavigation();}  탭을 ..

Flutter에서 Color의 재사용성을 높이기 위해서Color를 관리하는 파일을 만들어서 사용하기로 함 colors.dart 파일을 만듦import 'package:flutter/cupertino.dart';Color hexToColor(String hexString) { final buffer = StringBuffer(); buffer.write('ff'); // 알파 채널 값 추가 buffer.write(hexString); return Color(int.parse(buffer.toString(), radix: 16)); // 16진수로 변환하여 Color 객체 생성}final Color white = hexToColor('ffffff');final Color bgColor = hexToC..