Halo sobat baraja coding, pada artikel kali ini kita akan membahas tentang URL Launcher in Flutter. URL Launcher adalah sebuah widget pada flutter yang digunakan untuk membuka url suatu web pada halaman aplikasi.
Step 1. Tambahkan Dependencies
Tambahkan https://pub.dev/packages/url_launcher/install pada pubspec.yml
dependencies: flutter: sdk: flutter url_launcher: ^6.0.12 |
Step 2. Membuat Floating Action Button
Buat tampilan floating action button dengan menambahkan code seperti berikut
Container( height: 38, width: 38, child: FloatingActionButton( onPressed: () {}, heroTag: null, child: Image.asset(‘images/Google.png’, height: 28, width: 28), backgroundColor: Colors.white, ), ) |
Step 3. Tambahkan Launch URL
Tambahkan function _launchURL() seperti berikut
_launchURL() async { const url = ‘https://www.google.com/’; if (await canLaunch(url)) { await launch(url); } else { throw ‘Could not launch $url’; } } |
Step 4. Tambahkan _launchURL() Pada Floating Button Action
Tambahkan _launchURL() pada onPressed Floating Button Action seperti berikut
Container( height: 38, width: 38, child: FloatingActionButton( onPressed: () { _launchURL(); }, heroTag: null, child: Image.asset(‘images/Google.png’, height: 28, width: 28), backgroundColor: Colors.white, ), ) |
Hasil Run :
Jadi sekian pada artikel kali ini, sampai jumpa pada artikel selanjutnya. Selamat Mencoba 🙂