반응형 Flutter47 [Flutter] 밀어서 잠금해제 슬라이더(unlock slider) 구현하기 오늘은 밀어서 잠금해제 후 다른 화면으로 navigate하는 unlock slider를 구현해보겠슴니다1. 우선, 슬라이더를 미는 과정이 화면에 보여야 하므로 StatefulWidget를 만들어줍니다.class UnlockSlider extends StatefulWidget { const UnlockSlider({super.key}); @override _UnlockSliderState createState() => _UnlockSliderState();} 2. 그 다음, state를 관리하는 class에서 슬라이더의 현재 위치, 전체 너비, 버튼 너비를 할당해줄 변수를 선언합니다.class _UnlockSliderState extends StateUnlockSlider> { double _dra.. 2024. 11. 14. [Flutter] AlertDialog 에서 TableCalendar 쓰기 AlertDialog에서TableCalendar를 쓸 때 날짜 선택 반영이 잘 안되는 점을 발견해 해결한 과정 공유 해봄니다 우선, AlertDialog의 child가 아니라 아래처럼 그냥 TableCalendar만 쓰면 문제 없이 날짜 선택이 됩니다.더보기import 'package:flutter/material.dart';import 'package:table_calendar/table_calendar.dart';import 'package:intl/intl.dart';void main() { runApp(MyApp());}class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return Ma.. 2024. 11. 13. [Flutter] Geolocator 플러그인으로 위치 정보 파악하기 1. 뭐하는 위젯인가?Geolocator는 Flutter 애플리케이션에서 사용자의 현재 위치 정보를 얻고 위치 서비스를 처리하는 데 사용되는 패키지다. 현재 위치 검색, 지속적인 위치 추적, 거리 계산, 위치 서비스 상태 확인, 지오코딩 등의 작업이 가능함.최신 버전의 Geolocator사용을 위해서 위치 정보 수집에 대한 권한이 허용되어야한다. 2. 위치정보 사용을 위한 필요조건위치 정보 수집에 대한 권한을 허용하려면, pubspec.yaml 파일에 패키지를 설치한 후, Android / iOS 운영체제별로 별도 설정을 해줘야한다.- Android프로젝트/android/app/src/main 에 있는 AndroidManifest.xml 태그의 태그 아래에 둘 중의 하나의 코드를 넣는다manifest .. 2024. 11. 13. Flutter CustomSingleChildLayout 완벽 가이드: 맞춤형 레이아웃을 위한 최적의 위젯 활용법 앱의 레이아웃을 디자인하다 보면 고정된 규칙을 넘어선 맞춤형 레이아웃이 필요할 때가 있습니다. Flutter에서는 CustomSingleChildLayout 위젯을 통해 사용자 정의 레이아웃을 쉽게 구현할 수 있습니다. 이 위젯은 하나의 자식 위젯을 특정한 위치와 크기로 자유롭게 배치할 수 있는 강력한 도구입니다. 이번 글에서는 CustomSingleChildLayout 위젯의 구조와 사용법을 예제를 통해 알아보고, 실제 앱 개발에서 유용하게 사용할 수 있는 팁도 함께 소개합니다.1. CustomSingleChildLayout이란?CustomSingleChildLayout은 자식 위젯 하나를 원하는 방식으로 배치할 수 있게 도와주는 Flutter 위젯입니다. 이 위젯은 일반적인 Container나 Cen.. 2024. 10. 28. Flutter ListWheelScrollView: 3D 회전 효과로 인터랙티브한 리스트 구현하기 Flutter는 앱에 독특한 사용자 경험을 더할 수 있는 다양한 위젯을 제공합니다. 그중에서도 ListWheelScrollView는 사용자가 마치 회전하는 바퀴를 돌리듯, 3D 회전 효과로 리스트를 스크롤할 수 있게 해주는 위젯입니다. ListWheelScrollView를 사용하면 재미있고 인터랙티브한 리스트 UI를 쉽게 구현할 수 있습니다. 이 글에서는 ListWheelScrollView의 기본적인 사용법, 옵션들, 실제 활용 예시를 통해 앱 개발에 도움을 줄 수 있는 방법을 알아보겠습니다.1. ListWheelScrollView란?ListWheelScrollView는 Flutter에서 제공하는 3D 스크롤 리스트 위젯입니다. 일반적인 리스트 스크롤 방식이 아닌 휠 형태로 스크롤하여, 사용자에게 독특한.. 2024. 10. 28. Flutter RepaintBoundary: 앱 성능 최적화를 위한 핵심 위젯 완벽 가이드 Flutter로 앱을 개발하다 보면 성능이 중요한 요소가 됩니다. 특히, 애니메이션이 많은 앱이나 고화질 이미지가 자주 업데이트되는 앱은 화면 업데이트 속도가 느려질 수 있습니다. 이럴 때 성능 최적화에 도움을 줄 수 있는 RepaintBoundary 위젯을 활용해 볼 수 있습니다. 이번 글에서는 RepaintBoundary가 무엇인지, 성능 향상을 위해 어떻게 사용할 수 있는지, 그리고 실제 예시와 주의사항까지 함께 알아보겠습니다.1. RepaintBoundary란?RepaintBoundary는 Flutter에서 화면을 그릴 때 재페인트(Repaint) 영역을 지정해주는 위젯입니다. 간단히 말해, RepaintBoundary는 하위 트리에 위치한 위젯이 변경될 때 Flutter 엔진이 전체 화면을 다시.. 2024. 10. 27. 이전 1 2 3 4 5 ··· 8 다음 728x90 반응형
