iOS'ta WebView widget'ı bir WKWebView tarafından desteklenir ; Android'de WebView widget'ı bir WebView tarafından desteklenir .
Kullanım
pubspec.yaml dosyanızawebview_flutter bir bağımlılık olarak ekleyin . Android'i hedefliyorsanız , ihtiyaçlarınıza en uygun platform görüntüleme modunu seçmek için aşağıdaki Android Platform Görünümleri bölümünü okuduğunuzdan emin olun .
Artık widget ağacınıza bir WebView widget'ı ekleyebilirsiniz. Widget'ın nasıl kullanılacağı hakkında daha fazla ayrıntı için WebView widget'ının Dartdoc'una bakın.
Android Platformu Görünümleri
Bu eklenti , Android'in web görünümünü Flutter uygulamasına yerleştirmek için Platform Görünümlerini kullanır. İki modu destekler: hibrit kompozisyon (geçerli varsayılan) ve sanal ekran .
İkisi arasında seçim yaparken dikkat etmeniz gereken bazı noktalar şunlardır:
Hibrit kompozisyonda yerleşik klavye desteği bulunurken sanal ekranda birden fazla klavye sorunu bulunur .
Hibrit kompozisyon , Android SDK 19+ gerektirirken sanal görüntüleme için Android SDK 20+ gerekir.
Hibrit kompozisyon ve sanal ekran , farklı performans ödünleşimlerine sahiptir .
Hibrit Bileşimi Kullanma
Mod şu anda varsayılan olarak etkindir. minSdkVersionBununla birlikte , android/app/build.gradledaha önce 19'dan düşükse doğru ayarladığınızdan emin olmalısınız :
android {
defaultConfig {
minSdkVersion 19
}
}Sanal ekranları kullanma Doğru minSdkVersiongirişi ayarlayın android/app/build.gradle(önceden 20'den düşükse):
android {
defaultConfig {
minSdkVersion 20
}
}Yerleştirin . WebView.platform = AndroidWebView();_ initState()
Örneğin:
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 virtual display. if (Platform.isAndroid) WebView.platform = AndroidWebView(); }
@override Widget build(BuildContext context) { return WebView( initialUrl: 'https://flutter.dev', );
}
} için Malzeme Bileşenlerini EtkinleştirKullanıcı WebView'daki giriş öğeleriyle etkileşim kurduğunda Malzeme Bileşenlerini kullanmak için Malzeme Bileşenlerini Etkinleştirme talimatlarında açıklanan adımları izleyin .
POST isteklerinde özel başlıklar ayarlama
Şu anda, WebViewController'ın yöntemiyle bir gönderi isteğinde bulunurken özel üstbilgilerin ayarlanması loadRequestAndroid'de desteklenmemektedir. Bu işlevselliğe ihtiyacınız varsa, geçici bir çözüm, isteği manuel olarak yapmak ve ardından yanıt verilerini kullanarak yüklemektir loadHTMLString.
