목록카드 스윕 (1)

개발노트

65. [Flutter] 카드 스윕(Swiping), 드래그(Drag) 기능 만들어보기(무한 스윕 트릭 사용) with onHorizontalDragUpdate, onHorizontalDragEnd

애니메이션 조합으로 아래와 같이 카드 스윕, 드래그 기능을 만들어보겠습니다. (소스 작성 숙달을 위해 소스 캡슐화 대신 하나하나 입력해보았습니다.) 준비사항. 1. 프로젝트에 assets 폴더를 생성하고 그안에 카드 이미지로 사용될 jpg 파일을 넣습니다. *index에 따라 불러올 수 있도록 이름은 1,2,3,4와 같은 숫자로 해줍니다. 2. 프로젝트에서 assets폴더를 인식할 수 있게 끔 pubspec.yaml에 flutter: 속성에 - asswets/ 를 추가해줍니다. 예시 소스(전체) import 'dart:math'; import 'package:flutter/material.dart'; class SwipingCardsScreen extends StatefulWidget { static S..
앱 개발/Flutter 2024. 2. 6. 17:16
이전 Prev 1 Next 다음