A production-grade WebView widget for embedding any website or web app directly inside your Flutter app. It respects the given width/height (or stretches to Screen Width/Height), supports fullscreen, and exposes rich hooks for navigation, security, and two-way communication with JavaScript. Ideal for hybrid apps that mix native screens with web content while keeping performance and UX smooth.

Functionality

• Sizing & layout: enforce width/height or expand to screen; safe-area aware; background color & transparent modes.

• Fullscreen support: enter/exit fullscreen (videos, maps, games) with proper system UI handling.

• Navigation controls: back/forward/reload, pull-to-refresh, progress indicator, error/empty states.

• URL handling: open http/https, mailto:/tel:/custom schemes, target=_blank popups, deep links & universal links.

• JavaScript bridge: post messages between WebView and Dart (JS channels), evaluate JS, expose native callbacks.

• Cookies & storage: persistent cookies, local/session storage, clear data, custom headers & user-agent.

• Security: domain allowlist/denylist, SSL error handling, mixed-content policy, optional sandboxed iframe mode.

• Media & files: camera/microphone prompts, file chooser & downloads, inline media playback with autoplay policy.

• Gestures: scrolling & zoom controls, overscroll/bounce configuration, pointer & keyboard support.

• Lifecycle hooks: onPageStarted/Finished, onProgress, shouldOverrideUrlLoading, onWebResourceError.

• Performance: caching policy, hardware acceleration, reduced-motion respect, 60fps scrolling targets.

• Platform coverage: iOS (WKWebView), Android (Android WebView), web/desktop fallbacks.

Use cases

• Embed a marketing site, docs/FAQ, or knowledge base without leaving the app.

• Host SaaS dashboards or admin panels alongside native navigation.

• Authentication flows (SSO/OAuth) and third-party widgets (chat, help center).

• Payments & checkouts (e.g., Stripe-hosted pages) inside a controlled container.

• Show interactive content: maps, forms, analytics, media players, surveys.

• Deliver feature flags/experiments via web screens while keeping a native shell.

• Render terms & privacy or remote CMS pages with consistent theming.

Keywords
webview, in-app browser, embedded web, WKWebView, Android WebView, iframe, fullscreen, navigation delegate, JS bridge, javascript channel, postMessage, deep link, universal link, custom scheme, user agent, cookies, cache, CSP, mixed content, file chooser, media playback, pull to refresh, progress bar, error handling, domain allowlist, sandbox, OAuth, SSO, Stripe checkout, hybrid app, Flutter widget, FlutterFlow component, responsive, high performance, modern UX.