Flutter WebView Kullanımı

4
58
Flutter WebView Kullanımı
Flutter WebView Kullanımı

Flutter mobil uygulama dünyasının vazgeçilmez bir platformudur, Flutter ile kolaylıkla webview uygulamaları tasarlayabilir ve yayınlayabilirsiniz. Bu yazımızda flutter webview kullanımı nı göstereceğiz.

WebView Nedir?

Android’de webview yapısı uygulama içerisinde istenilen adresteki web sitesini açmak için kullanılır. En yaygın kullanımı budur. Bazen kredi kartı ödeme sayfaları için de kullanılabiliyor.
WebView siteleri HTML5 uyumlu derleyicisiyle kullanıcıya gösterir. Eğer uygulamamızda belli sayfaları mobil uyumlu bir web sitesinden çağırıyorsak ya da kullanıcıyı uygulamayı kapatmadan bir web sitesine yönlendirmek istiyorsak WebView bileşeni bize yardımcı olacaktır.

Flutter WebView Kullanımı

Öncelikle eklentinin resmi web sitesine buradan ulaşabilirsiniz.

Projenizin pubspec.yaml dosyasına aşağıdaki kodu ekleyin

dependencies: webview_flutter: ^2.0.2

Komut satırına aşağıdaki kodları yazın ve çalıştırın.

$ flutter pub get

Webview’i kullanmak istediğiniz dart dosyasının en üstüne import için aşağıdaki kodu ekleyin.

import 'package:webview_flutter/webview_flutter.dart';
Flutter Webview Kullanımı
Flutter Webview Kullanımı

Örnek Webview Kullanımı

Aşağıdaki kodda görüntülenecek web sitesinin adresini değiştirmeniz gerekmektedir. “https://flutter.dev” yazan bölümü görüntülemek istediğiniz web sitenin linkiyle değiştirin.

import 'dart:io';

import 'package:webview_flutter/webview_flutter.dart';

class WebViewExample extends StatefulWidget {
  @override
  WebViewExampleState createState() => WebViewExampleState();
}

class WebViewExampleState extends State<WebViewExample> {
  @override
  void initState() {
    super.initState();
    // Enable hybrid composition.
    if (Platform.isAndroid) WebView.platform = SurfaceAndroidWebView();
  }

  @override
  Widget build(BuildContext context) {
    return WebView(
      initialUrl: 'https://flutter.dev',
    );
  }
}

4 YORUMLAR

  1. Flutter webview tam olarak ne işe yarıyor? Daha doğrusu normal bir uygulama gibi oluyor mudur? Yani uygulamayı kullanan kişiler sitede gezdiğini mi düşünüyor yoksa mobil uygulama olduğunu mu zannediyor?

  2. Flutter kullanmaya yeni yeni başladım, kurcalayıp öğrenmeye çalışıyorum. o yüzden açıklayıcı yazı oldu benim içinde. Kodları görsel olarak eklemeniz de yararlı olmuş.

CEVAP VER

Lütfen yorumunuzu giriniz!
Lütfen isminizi buraya giriniz