[flutter] flutter_svg 예제 코드로 간단한 아이콘을 만들어보는 방법은?

flutter_svg는 Flutter 앱에서 SVG 이미지를 쉽게 사용할 수 있도록 하는 패키지입니다. 이 패키지를 사용하여 간단한 아이콘을 만드는 방법에 대해 알아보겠습니다.

1. flutter_svg 패키지 추가

먼저, pubspec.yaml 파일에 다음과 같이 flutter_svg 패키지를 추가합니다.

dependencies:
  flutter_svg: ^0.22.0

그런 다음 터미널에서 아래 명령을 실행하여 패키지를 가져옵니다.

flutter pub get

2. SVG 아이콘 추가

SVG 형식의 아이콘 파일을 프로젝트에 추가합니다. 예를 들어, icon.svg라는 이름의 SVG 파일을 프로젝트 디렉토리에 추가합니다.

3. Flutter 코드 작성

이제 Flutter 코드에서 flutter_svg를 사용하여 SVG 아이콘을 표시할 수 있습니다. 아래는 간단한 예제 코드입니다.

import 'package:flutter/material.dart';
import 'package:flutter_svg/flutter_svg.dart';

class IconWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('SVG 아이콘'),
      ),
      body: Center(
        child: SvgPicture.asset(
          'icon.svg',
          width: 100,
          height: 100,
        ),
      ),
    );
  }
}

위 코드에서는 SvgPicture.asset 위젯을 사용하여 SVG 아이콘을 표시하고 있습니다.

이제 위와 같이 간단히 flutter_svg 패키지를 사용하여 Flutter 앱에서 SVG 아이콘을 표시할 수 있습니다.

더 복잡한 기능을 추가하고 싶다면 flutter_svg 문서를 참조하시기 바랍니다.