Flutter-#4 Custom Icon

Penjelasan

Custom Icon akan diconvert menjadi ttf font file, yang nantinya akan diupload ke dalam project. File .dart yang di generate akan membuat kita dapat menggunakan Icon(CustomIcons.idr) misalnya.

Persiapan

  1. Persiapkan file svg yang akan di generate
  2. Buka browser lalu masuk ke alamat FlutterIcon.com
  3. Upload file SVG
  4. Klik pada icons yang telah diupload,
  5. Ubah nama class misal saya menggunakan nama CustomIcons.
  6. Klik Download lalu extract files
  7. config.json akan menyimpan settingan kita, jadi saat anda mengunjungi website kembali, drag and drop file config.json ke website maka settingan anda akan kembali seperti sebelumnya.
  8. Copy file CustomIcons.ttf ke dalam project anda
  9. Copy file custom_icons_icons.dart ke dalam project anda (presentation/custom_icons_icons.dart)
  10. Buka file custom_icons_icons.dart. Ikuti instruksi yang nantinya akan ditambahkan ke pubspec.yml letakan dibawah baris flutter: uses-material-design
  11. Jalankan perintah flutter run untuk memastikan project sudah terinisialisasi dengan baik
  12. Gunakan Icon anda

sumber :

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>