이미지 좌우 반전시키기

Baek Dong Hyun·2023년 5월 7일
1

이번에 애니메니션 적용을 해보려고 animate_do 를 받아 적용중인데

https://pub.dev/packages/animate_do

그중에서 Swing 이라는 기능을 적용하고있었다.
두개의 이미지를 양쪽에 두고 가운데서 크로스(?)되는 상상을하며 작업했는데 이게 적용하면 Swing이 왼쪽부터 진자운동하듯이 동작을 했다.
그래서 오른쪽 이미지를 반전시키면 되지않을까하며 찾다가 발견했다.

https://yj95.tistory.com/259

이분 블로그를 참고했다. 코드는

import 'dart:math' as math;

Transform(
	aligment: Alignment.center,
	transform: Matrix4.rotationY(math.pi),
	child: Swing(
    child: Align(
      alignment: Alignment.topCenter,
      child: SvgPicture.asset('assets/logo/fork.svg')
    ),
  ),
)

이렇게하면 좌우반전이 된다.

profile
안녕하세요.

0개의 댓글