profile
Flutter 개발자 :'>
post-thumbnail

[Flutter] 3일 지난 인스타 피드

아무 생각없이 인스타를 내리다보면 아래 이미지와 같은 화면을 볼 수 있다. 새로 올라온 글을 다 읽었단 의미를 가지고 있다. 인스타를 사용하다 보면 가끔 보이는 인터랙션이긴 했는데, 애니메이션도 빠르게 진행되서 주의깊게 본적이 없을 수도 있다. 그래서 느린 화면을 준비해봤다. 느리게 보면 아래와 같다. 애니메이션은 다음과 같은 순서로 동작한다. > 1. 먼저 원이 점차 커지며, 선이 얇아진다. > 1. 체크 표시가 그려진다. 위의 애니메이션을 구현하기 위해서는 어떻게 해야할까? 애니메이션을 디자이너분께서 구현하

2022년 1월 13일
·
6개의 댓글
·
post-thumbnail

[Flutter] 인스타 라이브의 좋아요 인터렉션

인스타 라이브의 좋아요 인터렉션을 구현해보려 한다. 구현 목표 구현하려는 기능은 다음과 같다. 버튼을 눌렀을 때, 좋아요 아이콘이 생성 생성된 아이콘이 위로 올라가다 사라짐 버튼을 길게 눌렀을 때, 좋아요 아이콘이 일정시간마다 생김 생성된 아이콘이 위로 올라가다 사라짐. 미리보기 이 포스트에 기술된 내용에 조금만 더 보태면 아래와 같은 인터렉션을 구현할 수 있다. 개발 터치 이벤트 감지 터치 이벤트를 감지하기 위해 GestureDetector 위젯을 사용하였다. 아이콘 생성 버튼을 터치할 때, 좋아요 아이콘이 생성되어 사라지게 하기 위해서는

2021년 11월 6일
·
6개의 댓글
·