Flutter에서 SVG를 렌더링하는 방법은 무엇입니까?

Flutter와 잘 지내고 계시길 바랍니다!!!

이전에 Flutter에서 사용 방법Image Widget을 살펴보았습니다. 그래서 지금은 그것과 관련된 무언가를 할 때입니다. 이 기사에서는 Flutter에서 SVG를 렌더링하는 방법을 살펴보겠습니다.

Flutter에서 SVG를 렌더링하는 방법은 무엇입니까?

동일한 플러그인을 사용할 수 있습니다. 사용자는 flutter_svg을 시도해 볼 수 있습니다. 사용자는 아래 코드 조각에서 종속성을 추가해야 합니다.

dependencies:
  flutter:
    sdk: flutter
  flutter_svg: 0.19.0

이제 사용자는 아래와 같이 가져와야 합니다.

import 'package:flutter_svg/flutter_svg.dart';

이제 아래와 같이 사용하십시오.

new SvgPicture.asset(
  'assets/images/candle.svg',
  height: 20.0,
  width: 20.0,
  allowDrawingOutsideViewBox: true,
),

사용자는 아래 단계를 따를 수 있습니다.

방문 www.fluttericon.com

SVG 아이콘 업로드

다운로드 버튼을 클릭합니다

.

사용자는 두 개의 파일을 받습니다

.

아이콘이름.다트

iconname.ttf 글꼴 파일

Flutter에서 이 파일을 사용하고 iconname.dart 가져오기

예시

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

class SvgExample extends StatelessWidget {
  const SvgExample({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title:const Text("Show Svg Image"),
      ),
      body:Center(
        child: SvgPicture.asset(
                'assets/img.svg',
              ),
      ) ,
    );
  }
}

산출

FlutterAgency.com은 가장 인기 있는 Flutter 기술 전용 온라인 포털 중 하나이며 매일 수천 명의 고유 방문자가 Flutter에 대한 지식을 향상시키기 위해 이 포털을 방문합니다.