desktop_webview_window 0.2.3 copy "desktop_webview_window: ^0.2.3" to clipboard
desktop_webview_window: ^0.2.3 copied to clipboard

Show a webview window on your flutter desktop application.

desktop_webview_window #

Pub

Show a webview window on your flutter desktop application.

Windows Webview2 1.0.992.28
Linux WebKitGTK-4.1
macOS WKWebview

Getting Started #

  1. modify your main method.

    import 'package:desktop_webview_window/desktop_webview_window.dart';
       
    void main() async {
      WidgetsFlutterBinding.ensureInitialized();
         
      // Add this your main method.
      // used to show a webview title bar.
      if (runWebViewTitleBarWidget(args)) {
        return;
      }
       
      runApp(MyApp());
    }
       
    
  2. launch WebViewWindow

      final webview = await WebviewWindow.create();
      webview.launch("https://example.com");
    

linux requirement #

sudo apt-get install webkit2gtk-4.1

Windows #

Requirement #

The backend of desktop_webview_window on Windows is WebView2, which requires WebView2 Runtime installed.

WebView2 Runtime is ship in box with Windows11, but it may not installed on Windows10 devices. So you need consider how to distribute the runtime to your users.

See more: https://docs.microsoft.com/en-us/microsoft-edge/webview2/concepts/distribution

For convenience, you can use WebviewWindow.isWebviewAvailable() check whether the WebView2 is available.

Attention #

The default user data folder of WebView2 is your_exe_file\WebView2, which is not a good place to store user data.

eg. if the application is installed in a read-only directory, the application will crash when WebView2 try to write data.

you can use WebviewWindow.create() to create a webview with a custom user data folder.

final webview = await WebviewWindow.create(
  confiruation: CreateConfiguration(
    userDataFolderWindows: 'your_custom_user_data_folder',
  ),
);

License #

see LICENSE

198
likes
140
pub points
94%
popularity

Publisher

verified publishermixin.dev

Show a webview window on your flutter desktop application.

Repository (GitHub)
View/report issues

Documentation

API reference

License

Apache-2.0 (license)

Dependencies

flutter, path

More

Packages that depend on desktop_webview_window