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.

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.

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:

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:

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.

2.Adım olarak

Ana java ( MainActivity ) dosyamızı açarak aşağıdaki kod satırlarını kullanıyoruz.

import android.app.Activity; 
import android.os.Bundle; 
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.webkit.WebChromeClient;
 
public class WebviewornekActivity extends Activity {
 
/** Called when the activity is first created. */
 
WebView tarayici;
 

 
@Override
 
public void onCreate(Bundle savedInstanceState) {
 
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
 
 /* tarayıcı kodlar */
            tarayici = (WebView) findViewById(R.id.tarayici);
            tarayici.getSettings().setLoadWithOverviewMode(true);
            tarayici.getSettings().setUseWideViewPort(true);
            tarayici.getSettings().setJavaScriptEnabled(true);
            tarayici.setInitialScale(100);
            tarayici.setWebViewClient(new WebViewClient());
            tarayici.setWebChromeClient(new WebChromeClient());
            tarayici.loadUrl("https://www.google.com");
 

}
 
}

En son adım olarak da uygulama üzerinde internete erişebilmemiz için AndroidManifest.xml de gerekli izin satılarlarını ekliyoruz.

<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />