플러터

프로그래밍

[Flutter] 애니메이션 효과 만들기 - AnimationBuilder 위젯

AnimationBuilder는 Flutter에서 제공하는 위젯 중 하나로, 애니메이션을 쉽게 구현할 수 있도록 도와줍니다. 이 위젯은 애니메이션의 현재 상태에 따라 어떤 위젯을 화면에 그릴지 결정하는 builder 함수와 애니메이션의 상태를 제어하는 Animation 객체를 인자로 받습니다. AnimationBuilder의 사용법은 다음과 같습니다: 먼저, AnimationController를 생성합니다. AnimationController는 애니메이션의 진행 상태를 제어하는 역할을 합니다.이 컨트롤러는 애니메이션의 시작, 종료, 방향 등을 제어할 수 있습니다. 컨트롤러 인스턴스 할당은 initState(){} 함수 안에서 해줍니다. late AnimationController _controller; ..

프로그래밍

[Flutter] NoSQL 라이브러리 - Isar 사용법 정리

패키지 설치(Add dependancy) dependencies: isar: isar_flutter_libs: path_provider: dev_dependencies: isar_generator: build_runner: path_provider는 db를 저장할 경로를 구하는데 사용되니까 설치해주자. 모델 작성 isar.dart를 import 해준다. part '객체명.g.dart' 도 import 해준다. 나중에 build_runner 명령어를 실행시키면 해당 파일이 생성되니까 일단 임포트한다. 원하는 모델의 클래스를 생성한다. class 위세 @collection이라는 어노테이션을 붙여준다. Isar에서 저장하는 객체로 인식시켜준다. 다른 모델을 사용하고 싶을땐 IsarLink을 이용한다. 서비스 ..

프로그래밍

[Flutter] SliverPersistentHeaderDelegate 소개

SliverPersistentHeaderDelegate는 Flutter에서 사용자 지정 스크롤 헤더를 구현하기 위한 추상 클래스입니다. 이 클래스를 사용하면 커스텀 스크롤 헤더를 생성하고, 스크롤 뷰의 스크롤 위치에 따라 동적으로 변경되는 헤더를 만들 수 있습니다. 일반적으로 CustomScrollView와 함께 사용됩니다. SliverPersistentHeaderDelegate는 다음과 같은 주요 역할을 수행합니다: 헤더 빌드: build 메서드를 구현하여 헤더를 렌더링합니다. 이 메서드에서 반환된 위젯은 스크롤 헤더의 내용을 정의합니다. 헤더의 최대 및 최소 확장 크기 제어: maxExtent와 minExtent 속성을 통해 헤더의 확장 가능한 크기 범위를 제어합니다. 이 범위 내에서 헤더가 동적으로..

프로그래밍

[Flutter] 픽셀 오버플로우 Pixel Overflow 해결방법

Flutter에서 "픽셀 오버플로우" 오류는 일반적으로 위젯의 내용이 부모 위젯이나 컨테이너의 사용 가능한 공간을 초과할 때 발생합니다. 이는 자식 위젯의 크기가 부모의 크기를 초과하여 오버플로우가 발생하고 런타임 오류가 발생하는 경우가 있습니다. 이 오류는 다양한 상황에서 발생할 수 있습니다. 예를 들어, 텍스트 위젯에서 많은 텍스트 문자열이 Text 위젯에 맞지 않는 경우나, 이미지 위젯이나 제한된 크기의 컨테이너 내에 맞지 않는 큰 이미지가 있는 경우 등이 있습니다. Flutter에서 픽셀 오버플로우 오류를 수정하려면 다음과 같은 방법을 고려할 수 있습니다: 1. 적절한 위젯 크기 사용: 자식 위젯의 크기가 부모 위젯의 사용 가능한 공간을 초과하지 않도록 확인합니다. Expanded, Flexibl..

어쩌다 엔지니어
'플러터' 태그의 글 목록