162 lines
6.2 KiB
Dart
162 lines
6.2 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:flutter_inappwebview/flutter_inappwebview.dart';
|
|
import 'package:flutter_riverpod/flutter_riverpod.dart';
|
|
import 'package:share_plus/share_plus.dart';
|
|
|
|
import 'package:linkdy/screens/webview/provider/webview.provider.dart';
|
|
|
|
import 'package:linkdy/models/data/bookmarks.dart';
|
|
import 'package:linkdy/i18n/strings.g.dart';
|
|
import 'package:linkdy/utils/copy_clipboard.dart';
|
|
import 'package:linkdy/utils/open_url.dart';
|
|
|
|
class WebView extends ConsumerWidget {
|
|
final Bookmark bookmark;
|
|
|
|
const WebView({
|
|
Key? key,
|
|
required this.bookmark,
|
|
}) : super(key: key);
|
|
|
|
@override
|
|
Widget build(BuildContext context, WidgetRef ref) {
|
|
return Scaffold(
|
|
appBar: AppBar(
|
|
elevation: 3,
|
|
title: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
bookmark.title != "" ? bookmark.title! : bookmark.websiteTitle!,
|
|
style: const TextStyle(fontSize: 14),
|
|
),
|
|
const SizedBox(height: 4),
|
|
Text(
|
|
bookmark.url!,
|
|
style: TextStyle(
|
|
fontSize: 12,
|
|
color: Theme.of(context).colorScheme.onSurfaceVariant,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
bottom: PreferredSize(
|
|
preferredSize: const Size(double.maxFinite, 0),
|
|
child: ref.watch(webViewProvider).loadProgress < 100
|
|
? LinearProgressIndicator(
|
|
value: ref.watch(webViewProvider).loadProgress.toDouble(),
|
|
)
|
|
: const SizedBox(
|
|
height: 4,
|
|
),
|
|
),
|
|
),
|
|
body: SafeArea(
|
|
child: Column(
|
|
children: [
|
|
Expanded(
|
|
child: InAppWebView(
|
|
initialUrlRequest: URLRequest(url: WebUri.uri(Uri.parse(bookmark.url!))),
|
|
onWebViewCreated: (controller) {
|
|
ref.read(webViewProvider).inAppWebViewController = controller;
|
|
},
|
|
onPermissionRequest: (controller, request) async {
|
|
return PermissionResponse(
|
|
resources: request.resources,
|
|
action: PermissionResponseAction.DENY,
|
|
);
|
|
},
|
|
onProgressChanged: (controller, progress) {
|
|
ref.read(webViewProvider.notifier).setLoadProgress(progress);
|
|
},
|
|
initialSettings: InAppWebViewSettings(
|
|
cacheEnabled: false,
|
|
isInspectable: false,
|
|
),
|
|
onUpdateVisitedHistory: (controller, url, androidIsReload) {
|
|
controller.canGoBack().then(
|
|
(value) => context.mounted ? ref.read(webViewProvider.notifier).setCanGoBack(value) : null,
|
|
);
|
|
controller.canGoForward().then(
|
|
(value) => context.mounted ? ref.read(webViewProvider.notifier).setCanGoForward(value) : null,
|
|
);
|
|
},
|
|
),
|
|
),
|
|
Padding(
|
|
padding: const EdgeInsets.all(8.0),
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
Row(
|
|
children: [
|
|
IconButton(
|
|
onPressed: ref.watch(webViewProvider).canGoBack == true
|
|
? () => ref.watch(webViewProvider).inAppWebViewController?.goBack()
|
|
: null,
|
|
icon: const Icon(Icons.arrow_back_rounded),
|
|
tooltip: t.webview.goForward,
|
|
),
|
|
const SizedBox(width: 8),
|
|
IconButton(
|
|
onPressed: ref.watch(webViewProvider).canGoForward == true
|
|
? () => ref.watch(webViewProvider).inAppWebViewController?.goForward()
|
|
: null,
|
|
icon: const Icon(Icons.arrow_forward_rounded),
|
|
tooltip: t.webview.goForward,
|
|
),
|
|
const SizedBox(width: 16),
|
|
IconButton(
|
|
onPressed: () => ref.watch(webViewProvider).inAppWebViewController?.reload(),
|
|
icon: const Icon(Icons.refresh_rounded),
|
|
tooltip: t.webview.reload,
|
|
),
|
|
],
|
|
),
|
|
PopupMenuButton(
|
|
itemBuilder: (context) => [
|
|
PopupMenuItem(
|
|
onTap: () => Share.shareUri(Uri.parse(bookmark.url!)),
|
|
child: Row(
|
|
children: [
|
|
const Icon(Icons.share_rounded),
|
|
const SizedBox(width: 12),
|
|
Flexible(child: Text(t.webview.share)),
|
|
],
|
|
),
|
|
),
|
|
PopupMenuItem(
|
|
onTap: () => copyToClipboard(
|
|
value: bookmark.url!,
|
|
successMessage: t.webview.linkCopiedClipboard,
|
|
),
|
|
child: Row(
|
|
children: [
|
|
const Icon(Icons.copy_rounded),
|
|
const SizedBox(width: 12),
|
|
Flexible(child: Text(t.webview.copyLinkClipboard)),
|
|
],
|
|
),
|
|
),
|
|
PopupMenuItem(
|
|
onTap: () => openUrl(bookmark.url!),
|
|
child: Row(
|
|
children: [
|
|
const Icon(Icons.open_in_browser_rounded),
|
|
const SizedBox(width: 12),
|
|
Flexible(child: Text(t.webview.openInSystemBrowser)),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|