webview

lib/pages/webview_page.dart

@@ -0,0 +1,81 @@
+import 'package:fluent_ui/fluent_ui.dart';
+import 'package:pixes/components/md.dart';
+import 'package:url_launcher/url_launcher_string.dart';
+import 'package:webview_flutter/webview_flutter.dart';
+
+import '../foundation/app.dart';
+
+double get _appBarHeight => App.isDesktop ? 36.0 : 48.0;
+
+class WebviewPage extends StatefulWidget {
+  const WebviewPage(this.url, {this.onNavigation, super.key});
+
+  final String url;
+
+  final bool Function(NavigationRequest req)? onNavigation;
+
+  @override
+  State<WebviewPage> createState() => _WebviewPageState();
+}
+
+class _WebviewPageState extends State<WebviewPage> {
+  WebViewController? controller;
+
+  @override
+  void initState() {
+    super.initState();
+  }
+
+  NavigationDecision handleNavigation(NavigationRequest req) {
+    if (widget.onNavigation != null) {
+      return widget.onNavigation!(req)
+          ? NavigationDecision.navigate
+          : NavigationDecision.prevent;
+    }
+    return NavigationDecision.navigate;
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    controller ??= WebViewController()
+      ..setJavaScriptMode(JavaScriptMode.unrestricted)
+      ..setBackgroundColor(FluentTheme.of(context).brightness == Brightness.light
+          ? Colors.white
+          : Colors.black)
+      ..setNavigationDelegate(
+        NavigationDelegate(
+          onProgress: (int progress) {
+            // Update loading bar.
+          },
+          onPageStarted: (String url) {},
+          onPageFinished: (String url) {},
+          onWebResourceError: (WebResourceError error) {},
+          onNavigationRequest: handleNavigation,
+        ),
+      )
+      ..loadRequest(Uri.parse(widget.url));
+    return Column(
+      children: [
+        SizedBox(
+          height: _appBarHeight,
+          child: Row(
+            children: [
+              const Text("Webview"),
+              const Spacer(),
+              IconButton(
+                icon: const Icon(MdIcons.open_in_new, size: 20,),
+                onPressed: () {
+                  launchUrlString(widget.url);
+                  context.pop();
+                },
+              ),
+            ],
+          ).paddingHorizontal(16),
+        ).paddingTop(MediaQuery.of(context).padding.top),
+        Expanded(
+          child: WebViewWidget(controller: controller!,),
+        ),
+      ],
+    );
+  }
+}