[Flutter, 토이 프로젝트] 아이콘 좌우 반전 - Matrix4

목적

• Flutter에서 기본적으로 제공하는 아이콘의 좌우를 반전시키는 것

코드

• 클래스를 활용하여 해당 클래스에 아이콘을 넣어주면 계속해서 적용할 수 있는 재사용성을 가짐.

class FlippedIcon extends StatelessWidget {
  final IconData icon;

  FlippedIcon({required this.icon});

  @override
  Widget build(BuildContext context) {
    return Transform(
      alignment: Alignment.center,
      transform: Matrix4.identity()..scale(-1.0, 1.0, 1.0), // X 축으로 반전
      child: Icon(icon, color: Colors.grey.withOpacity(0.5),),
    );
  }
}