Home Mobile URL Launcher in Flutter

URL Launcher in Flutter

0
URL Launcher in Flutter

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 🙂