ente/mobile/lib/ui/common/web_page.dart
2024-03-01 12:25:37 +05:30

76 lines
2.3 KiB
Dart

import 'package:flutter/material.dart';
import 'package:flutter_inappwebview/flutter_inappwebview.dart';
import "package:logging/logging.dart";
import 'package:photos/ui/common/loading_widget.dart';
import "package:url_launcher/url_launcher_string.dart";
class WebPage extends StatefulWidget {
final String title;
final String url;
// if true, show open in browser icon in appBar
final bool canOpenInBrowser;
const WebPage(
this.title,
this.url, {
Key? key,
this.canOpenInBrowser = false,
}) : super(key: key);
@override
State<WebPage> createState() => _WebPageState();
}
class _WebPageState extends State<WebPage> {
bool _hasLoadedPage = false;
final Logger _logger = Logger('_WebPageState');
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
// force dark theme for appBar till website/family plans add supports for light theme
backgroundColor: const Color.fromRGBO(10, 20, 20, 1.0),
foregroundColor: Colors.white,
iconTheme: const IconThemeData(color: Colors.white),
title: Text(widget.title),
actions: [
_hasLoadedPage
? (widget.canOpenInBrowser
? IconButton(
icon: const Icon(Icons.open_in_browser_outlined),
color: Colors.white,
onPressed: () {
try {
launchUrlString(
widget.url,
mode: LaunchMode.externalApplication,
);
} catch (e) {
_logger.severe("Failed to pop web page", e);
}
},
)
: const SizedBox.shrink())
: const EnteLoadingWidget(
color: Colors.white,
padding: 12,
),
],
),
backgroundColor: Colors.black,
body: InAppWebView(
initialUrlRequest: URLRequest(url: Uri.parse(widget.url)),
initialOptions: InAppWebViewGroupOptions(
crossPlatform: InAppWebViewOptions(transparentBackground: true),
),
onLoadStop: (c, url) {
setState(() {
_hasLoadedPage = true;
});
},
),
);
}
}