[flutter] flutter_svg에서 이미지 투명 배경을 사용하는 방법은?

08 Dec 2023

flutter

flutter_svg를 사용하여 투명 배경 이미지를 로드하는 방법에 대해 이야기해보겠습니다.

이미지의 투명 배경을 유지하려면 SvgPicture 위젯을 사용하여 이미지를 로드하고 fit 속성을 BoxFit.contain 또는 BoxFit.cover로 설정해야 합니다.

아래는 투명 배경 이미지를 로드하고 표시하는 간단한 예제입니다.

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

class TransparentImageExample extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Transparent Image Example'),
      ),
      body: Center(
        child: SvgPicture.asset(
          'assets/transparent_image.svg', // 투명 배경 이미지 파일 경로
          fit: BoxFit.cover, // 또는 BoxFit.contain
        ),
      ),
    );
  }
}

위젯 트리에서 이미지를 로드하고 fit 속성을 적절히 설정하여 투명 배경 이미지를 사용할 수 있습니다.

더 자세한 정보는 flutter_svg 패키지 문서를 참고하시기 바랍니다.