Menggunakan URL Launcher di Flutter
Merupakan plugin untuk membuka URL di Flutter. Mendukung platform Android dan iOS
Halo guys, kali ini kita akan belajar bagaimana cara menggunakan plugin url_launcher pada Flutter. Plugin ini digunakan untuk membuka URL seperti URL website yang menggunakan protokol http/s, membuka email, sms, maupun telepon. Penasaran ngga nih? Cuss lanjut baca tutorialnya…
Add Package
Untuk bisa menggunakan url launcher, kita harus menambahkan dependecy nya terlebih dahulu. Dependencynya bisa diakses disini..
Pertama, buka pubspec.yaml > lalu pada bagian dependency tambahkan url_launcher: <version> .
Untuk versinya, bisa dilihat pada link diatas ya.. Atau kalau mau lebih simple, bisa jalanin command: flutter pub add url_launcher
dan tunggu proses nya sampai selesai…
Create Project
Untuk menggunakan url_launcher, kita bisa membuat projectnya. Cukup buat project starter aja untuk mencoba package ini
Kalau udh dibuat, langkah selanjutnya adalah dengan melakukan import packagenya. Disini saya menggunakan file main.dart untuk menaruh code nya
import ‘package:url_launcher/url_launcher.dart’;
Disini saya membuat 3 button, yaitu button LinkedIn, Email, dan Telepon. Bisa dibuat menggunakan ElevatedButton atau TextButton. Source codenya seperti berikut:
Kalau dijalankan hasilnya seperti ini nih:
Menambahkan Aksi onPressed
Langkah selanjutnya adalah menambahkan aksi ketika button diklik, contohnya disini adalah
- Ketika menekan tombol LinkedIn maka akan membuka browser dan masuk ke web LinkedIn,
- Ketika menekan tombol email, maka akan masuk ke email dengan subjek dan body sudah terisi
- Ketika menekan tombol phone, maka akan membuka aplikasi telepon
Source code:
Karena fungsi launch() itu bersifat Future, maka kita harus menjalankannya di dalam async function
Hasil
berikut hasilnya kalau berhasil dijalankan source codenya…
Cukup sampai disini dulu yak materi mengenai penggunaan URL Launcher di Flutter. Tetap semangat dan jangan menyerah untuk belajar ~ 💪