Flutter’da WebView Kullanımı
19 Ağustos 2021 / 12:10
Burak
Merhabalar,
Flutter uygulamanıza webview eklemek istiyorsanız aşağıdaki kodları kullanabilirsiniz.
Adım 1
Öncelikle uygulamanızın pubspec.yaml dosyasının içinde dependencies kısmına webview_flutter: ^2.0.12 şeklinde ekleme yapıyoruz.
|
1 2 3 4 5 |
dependencies: flutter: sdk: flutter webview_flutter: ^2.0.12 |
Adım 2
Sonrasında WebView’in kodlarını yazacağımız .dart dosyasına import işlemi yapıyoruz. Bu main.dart veya var olan bir dosya olabilir ya da yeni bir .dart dosyası açabilirsiniz.
|
1 |
import 'package:webview_flutter/webview_flutter.dart'; |
Adım 3
En son olarak artık WebView kodlarımızı aşağıdaki gibi ekliyoruz.
Eğer yeni bir .dart dosyası açmadıysanız:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
class WebViewPage extends StatelessWidget { const WebViewPage({Key? key}) : super(key: key); @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text('WebView Page'), ), body: WebView( initialUrl: 'https://www.sanaldata.com', javascriptMode: JavascriptMode.unrestricted, ), ); } } |
Açtıysanız:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
class WebViewPage extends StatefulWidget { const WebViewPage({Key? key}) : super(key: key); @override _WebViewPageState createState() => _WebViewPageState(); } class _WebViewPageState extends State < WebViewPage> { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text('WebView Page'), ), body: WebView( initialUrl: 'https://www.sanaldata.com', javascriptMode: JavascriptMode.unrestricted, ), ); } } |
kodlarını ekleyiniz.
Etiketler: flutter, flutter webview ile site açtırma, flutter webview kullanımı, webview uygulaması yapmak
Bu Yazılarıda Okuyabilirsiniz...
Bir yanıt yazın