Tutorial Membuat Aplikasi Al-Quran Dengan Flutter #2: Instalasi Depedency


👍 0 ❤️ 0 💡 0 🔥 0 🙌 0 🥳 0
Tutorial Membuat Aplikasi Al-Quran Dengan Flutter #2: Instalasi Depedency

Halo teman-teman setelah kita tahu bagaimana cara instal flutter dan menjalankan project flutter, sekarang kita akan belajar bagaimana instal depedency atau library yang akan kita butuhkan untuk membuat aplikasi Al-Qur'an.

Langkah 1 - Intalasi Dependency

Apa itu dependency? Dependecy merupakan sekumpulan library external atau package yang digunakan untuk menambahkan fungsional tertentu pada aplikasi kita. Kita bisa mencari package atau library yang kita butuhkan pada situs pub.dev.

Pada aplikasi Al-Qur`an, kita akan install beberapa package diantaranya berikut:

  1. Dio dio adalah HTTP client package yang populer di Flutter/Dart, digunakan untuk melakukan request HTTP (seperti GET, POST, PUT, DELETE, dll) ke server REST API. Dibandingkan dengan http package bawaan, dio menawarkan fitur yang lebih lengkap dan fleksibel.

  2. either_dart

    Either dart ini digunakan untuk menangani eror atau hasil sukses dalam bentuk Either (kiri = error, kanan = sukses), package ini menangani penggunaan try-catch secara berlebihan dan membuat kode lebih bersih.

  3. google_font

    Google font merupakan package untuk menggunakan font dari google font tanpa harus inmport file font sendiri.

  4. flutter_svg

    Flutter svg ini merupakan package yang digunakan untuk menampilkan gambar yang memiliki format extension .svg.

  5. just_audio

    Just Audio adalah package Flutter yang digunakan untuk memutar audio dengan kontrol penuh. Ini adalah salah satu package audio paling powerful dan fleksibel, cocok untuk membuat aplikasi musik, podcast, audiobook, atau efek suara dalam game.

Untuk melakukan instalasi kita package libray di atas, kita buka file pubspec.yaml lalu tambahkan ubah menjadi berikut .

dependencies:
  cupertino_icons: ^1.0.8
  dio: ^5.8.0+1
  either_dart: ^1.0.0
  flutter:
    sdk: flutter
  flutter_svg: ^2.1.0
  google_fonts: ^6.2.1
  just_audio: ^0.10.2

Sehingga keseluruhan kode pada file pubspec.yaml menjadi berikut.

name: alquran_flutter
description: "A new Flutter project."
publish_to: 'none'
version: 1.0.0+1

environment:
  sdk: ^3.7.2

dependencies:
  cupertino_icons: ^1.0.8
  dio: ^5.8.0+1
  either_dart: ^1.0.0
  flutter:
    sdk: flutter
  flutter_svg: ^2.1.0
  google_fonts: ^6.2.1
  just_audio: ^0.10.2

dev_dependencies:
  flutter_lints: ^5.0.0
  flutter_test:
    sdk: flutter

flutter:
  uses-material-design: true

Setelah kita menambahkan package jangan lupa menjalankan perintah pada terminal kita, lalu ketik berikut:

flutter pub get

Tunggu proses selesai.

Kesimpulan

Pada seri artikel kali ini kita bisa mengenal apa itu depedency atau library, kegunaannya dan cara instalasi, untuk selanjutnya kita akan membahas membuat tema dan memasukkan asset gambar atau icon yang ada pada projek kita.


Membangun Dashboard dan Aplikasi Android Food Store Dengan Laravel Filament, Flutter dan Payment Gateway


Faisal Mahadi
Mobile Apps Developer | Android Enthusiast | Keep Learning | Android Dev Serta Owner Hariankoding.com

Suka dengan tulisan di SantriKoding? Kamu bisa memberikan dukungan dengan berdonasi atau bagikan konten ini di sosial media. Terima kasih atas dukungan Anda!

KEBIJAKAN KOMENTAR

Saat memberikan komenatar silahkan memberikan informasi lengkap tentang error, seperti: screenshot, link kode, dll. Baca aturan komentar kami