본문 바로가기

반응형

Flutter-플러터/플러터 공부

Flutter syncfusion_flutter_calendar , table_calendar 비교 https://pub.dev/packages/syncfusion_flutter_calendar syncfusion_flutter_calendar | Flutter Package The Flutter Calendar widget has nine built-in configurable views that provide basic functionalities for scheduling and representing appointments/events efficiently. pub.dev https://pub.dev/packages/table_calendar table_calendar | Flutter Package Highly customizable, feature-packed calendar widget f.. 더보기
Flutter -Sf캘린더 패키지(유료..) https://help.syncfusion.com/flutter/calendar/overview About Flutter Event Calendar widget | Syncfusion | Scheduler Flutter Event Calendar (SfCalendar) Overview 21 Oct 20222 minutes to read The Syncfusion Flutter Calendar library was written natively in Dart and has nine types of built-in configurable view modes that provide basic functionality for scheduling, managing, help.syncfusion.com 위 패키지를.. 더보기
Flutter - TabBar 사용시 GetxController 중복 사용 Getx에서 GetxController는 아주 중요합니다. Flutter의 setState, onInit 등등 여러가지 주요한 기능들도 수행하기 때문입니다. 즉 GetxController를 사용하는 페이지가 있다면 앱이 실행되기 전이나, 페이지가 이동 하기 전에 해당 GetxController가 불러져야 합니다. 기존의 저는 Routers페이지를 만들어서 Bindings를 통해서 GetxController를 생성했습니다. 하지만 TabBarView를 사용하면서 문제가 발생했습니다. import 'package:get/get.dart'; import 'package:money_tracker_test/controller/calculator/calculator_home_controller.dart'; impo.. 더보기
Flutter - ExpansionTile Flutter는 모든게 위젯이다..!! 너무 좋다..!!!!! ExpansionTile 위젯 사용법은 title : 기본 보여주기 children: [] 넣고 싶은 값 보여주기 ExpansionTile( title: Column( children: [ Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Text("${vatItem.today}"), IconButton( onPressed: () { controller.deleteVatList(index); }, icon: Icon(CupertinoIcons.delete)) ], ), Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, ch.. 더보기
Flutter - LinkedHasMap- 원하는 값 필터리스트로 만들기 Map을 2중으로도 사용가능하다. 나같은 경우에는 아래처럼 사용했다. Map Map 요렇게 생각하면 좋다. Future groupExpensesByMonthAndDate(List expenses) async { final Map groupedExpensesByMonth = {}; for (final expense in expenses) { final month = DateFormat('yyyy-MM').format(DateTime.parse(expense.createdTime)); final date = DateFormat('yyyy-MM-dd').format(DateTime.parse(expense.createdTime)); if (!groupedExpensesByMonth.containsKey(mon.. 더보기
Flutter 모델에 데이터 추가 시 해야 하는 일 : 장부 test code2 사장님들을 위한 장부 Test 코딩 중 모델에 날짜를 추가했다. 현재 어플에서 구현해야 하는 기능 현재 기능 - FloatingAction 버튼을 누르면 알럿 창이 뜨고 날짜 선택, 내용, 금액을 입력하면, List로 보여지게 된다. 1. 데이터를 추가해야 하는 함수 - 데이터를 추가해야 하는 함수에 해당 모델을 불러오기만 하면 됨 2. 데이터를 수정해야 하는 함수 - 수정하는 코드 꽤 번잡하다. - 수정 하는 페이지를 똑같이 만들어야 한다. - 수정 하는 페이지에 해당 index 리스트 창을 클릭하면 보여줄 초기 값, 초기 변수들을 설정해야 한다. void showEditExpenseDialog(BuildContext context, int index) { final TextEditingControll.. 더보기
Getx Getview를 활용한 애니메이션 복붙임 class HomePageController extends GetxController with GetSingleTickerProviderStateMixin { final Duration duration = const Duration(milliseconds: 300); AnimationController animationController; @override void onInit() { super.onInit(); animationController = AnimationController(vsync: this, duration: duration); } } class HomePage extends GetView @override Widget build(BuildContext context) { // .. 더보기
Flutter X supabase X 공공데이터 북한 인물 조회 본격적으로 외식업 앱을 만들기 전에 공공데이터 API를 활용한 연습을 해봤다. 공공데이터 API를 이용하면서 주의할 점은 다음과 같다. 1. API key값은 숨기기 2. 공공데이터를 전체 받은 다음 내가 원하는 DB에 저장해서 사용하기 (공공 API에서 제한하는 조회수 아낄 수 있다.) 3. 공공API는 xml, json 파일 형식이므로 숫자도 String이라고 생각해야 한다. 오늘 내가 진행한 작업은 북한 인물조회 API Getx ,http를 사용하고 supabase를 DB로 사용하였다. Controller - json 파일이 깨지는 바람에 UTF-8 코드를 사용하였다. - url에 필요한 변수 값을 넣어서 내가 원하는 값을 조회도 가능하게 할 수 있다. import 'dart:convert'; im.. 더보기

반응형