플러터는 이제 SVG(Scaleable Vector Graphics) 파일 형식을 지원합니다. 이것은 디자인 시스템을 유지하고 일관된 아이콘 경험을 제공할 수 있는데 중요한 도구입니다.

SVG 파일로 아이콘 사용하기

SVG 파일을 플러터 프로젝트에 추가할 수 있습니다. flutter_svg 패키지를 사용하여 SVG 파일을 로드하고, SvgPicture 위젯을 사용하여 화면에 표시할 수 있습니다.

import 'package:flutter_svg/flutter_svg.dart';

class MyIconWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return SvgPicture.asset(
      'assets/icons/my_icon.svg',
      color: Colors.red,
      semanticsLabel: 'A red up arrow',
    );
  }
}

이점

SVG 파일을 사용하면 화면 크기에 맞게 확대 또는 축소할 수 있습니다. 또한 아이콘의 색상을 손쉽게 변경할 수 있어 더욱 유연한 디자인이 가능해집니다.

SVG 파일을 플러터에서 사용하면 이제 아이콘 디자인을 제작하고 관리할 때 더 큰 유연성을 가질 수 있습니다.

참고 자료

• flutter_svg 패키지
• SVG(Scaleable Vector Graphics)