[flutter] flutter_svg 설치 방법은?

flutter_svg는 SVG 파일을 Flutter 앱에서 표시할 수 있게 해주는 라이브러리입니다. 아래는 flutter_svg 라이브러리를 설치하는 방법입니다.

1. pubspec.yaml 파일 수정

먼저, Flutter 프로젝트의 pubspec.yaml 파일에 다음과 같이 flutter_svg 라이브러리를 추가합니다.

dependencies:
  flutter_svg: any

위의 코드를 추가한 후, 터미널에서 프로젝트 루트 디렉토리로 이동한 뒤, 다음 명령어를 실행하여 패키지를 가져옵니다.

flutter pub get

2. SVG 이미지 사용

이제 flutter_svg 라이브러리가 설치되었으니, SVG 이미지를 사용할 수 있습니다. 예를 들어, 다음과 같이 SvgPicture.asset 위젯을 사용하여 SVG 파일을 표시할 수 있습니다.

import 'package:flutter_svg/flutter_svg.dart';

class MySvgImage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Container(
      child: SvgPicture.asset(
        'assets/image.svg',
        width: 100,
        height: 100,
      ),
    );
  }
}

assets/image.svg는 프로젝트 내에 있는 SVG 파일의 경로에 해당하는 부분입니다.

이제 flutter_svg 라이브러리를 설치하고 SVG 이미지를 손쉽게 Flutter 앱에서 이용할 수 있습니다.

더 많은 정보는 flutter_svg GitHub 페이지에서 확인하실 수 있습니다.

이제 위의 가이드를 따라 flutter_svg 라이브러리를 설치하고 SVG 이미지를 Flutter 앱에서 사용할 수 있습니다.