[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 앱에서 사용할 수 있습니다.