Menambahkan file aset SVG

flutter_svg | Flutter packageDart packages

Flutter SVG

Kunjungi link kumpulan SVG ini untuk mencari SVG contoh

SVG Repo - Free SVG Vectors and IconsSVG Repo

Jika anda ingin menambahkan asset file gambar berupa SVG agar gambar tidak pecah saat dilihat, maka anda harus menginstall library ini.

flutter pub add flutter_svg

Lalu untuk menggunakannya ada 3 cara, yaitu :

import 'package:flutter_svg/flutter_svg.dart';

//[File berada di global (assets/icon/)]
//[Jangan lupa menginisialisasi di pubspec.yaml]
SizedBox(
  height: 40,
  width: 40,
  child: SvgPicture.asset(
    'assets/icons/break-eggs.svg',
  ),
),

//[File diambil dari link www.svgrepo.com]
SizedBox(
  height: 40,
  width: 40,
  child: SvgPicture.asset(
    'https://www.svgrepo.com/show/533814/honey.svg',
  ),
),

Atau jika ingin menggunakan file berbasis vector, Ubah terlebih dahulu dengan menggunakan :

vector_graphics_compiler | Dart packageDart packages

Install librarynya terlebih dahulu

flutter pub add vector_graphics_compiler

dart run vector_graphics_compiler -i assets/example.svg -o assets/example.svg.vec

Lalu anda akan mendapatkan file baru dengan format nama example.svg.vec pada folder assets anda.