flutter - 如何让 ChromeSafariBrowser 在 Flutter Web 上启动
问题描述
概述:我在 pubspec.yaml 中包含 flutter_inappwebview: 4.0.0+4 并导入 'package:flutter_inappwebview/flutter_inappwebview.dart';在 main.dart 中。当我按下浏览器时,什么也没有发生,检查也没有发现错误。但是终端抛出错误,平台不受支持。假设浏览器从网络加载颤动页面。我是否缺少参数。我需要启动一个 html 来运行 javascript 来读取二维码。
收到以下错误:
Error: Unsupported operation: Platform._operatingSystem at Object.throw_ [as throw] (localhost:55661/dart_sdk.js:4334:11) at Function._operatingSystem (localhost:55661/dart_sdk.js:55065:17) at Function.get operatingSystem [as operatingSystem] (localhost:55661/dart_sdk.js:55111:27)
源代码
void main() {
WidgetsFlutterBinding.ensureInitialized();
//await Permission.camera.request();
runApp(MyApp());
}
class MyApp extends StatelessWidget {
// This widget is the root of your application.
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter Demo',
theme: ThemeData(
primarySwatch: Colors.blue,
visualDensity: VisualDensity.adaptivePlatformDensity,
),
home: MyHomePage(title: 'Flutter Demo Home Page'),
);
}
}
class MyHomePage extends StatefulWidget {
MyHomePage({Key key, this.title}) : super(key: key);
final String title;
MyChromeSafariBrowser browser =
new MyChromeSafariBrowser(new MyInAppBrowser());
@override
_MyHomePageState createState() => _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(widget.title),
),
body: Center(
child: RaisedButton(
onPressed: () async {
debugPrint('browser pressed');
await widget.browser.open(
url: "https://flutter.dev/",
options: ChromeSafariBrowserClassOptions(
android: AndroidChromeCustomTabsOptions(
addDefaultShareMenuItem: false,
packageName: "com.android.chrome"),
ios: IOSSafariOptions(barCollapsingEnabled: true)));
},
child: Text("Browser"))));
}
}
class MyInAppBrowser extends InAppBrowser {
@override
Future onLoadStart(String url) async {
print("\n\nStarted $url\n\n");
}
@override
Future onLoadStop(String url) async {
print("\n\nStopped $url\n\n");
}
@override
void onLoadError(String url, int code, String message) {
print("\n\nCan't load $url.. Error: $message\n\n");
}
@override
void onExit() {
print("\n\nBrowser closed!\n\n");
}
}
class MyChromeSafariBrowser extends ChromeSafariBrowser {
MyChromeSafariBrowser(browserFallback) : super(bFallback: browserFallback);
@override
void onOpened() {
print("ChromeSafari browser opened");
}
@override
void onLoaded() {
print("ChromeSafari browser loaded");
}
@override
void onClosed() {
print("ChromeSafari browser closed");
}
}
解决方案
flutter_inappwebview
不支持 Flutter web(在此处查看支持的平台)。
要在 Flutter web 中运行 javascript,您必须使用JS interop之类的东西或创建一个支持 web 的插件(我认为这在后台使用 JS interop,但这是推荐的方式,因此您不会将本机代码与颤振应用程序)。
推荐阅读
- android - Android领域和片段中的空对象引用
- c++ - 将 QGyroscopeReading 转换为 QVector3D 的正确方法是什么?
- mvvm - UWP MVVMCross 将属性绑定到方法
- javascript - 无法从 Firebase 查询我的 React Native 应用程序?
- swift - Swift 4 NSPredicate 日期格式不起作用
- javascript - 单击时使两个重叠的框相互消失
- symfony - Twig 如何在服务的两个标签之间获取 html
- tensorflow - 在 GPU 工作站上设置 Kubernetes 集群的最佳实践
- android - 错误 - 无法加载 AppCombat 操作栏,出现未知错误
- sql - SQL Sum of Points by Company and Team 其中用户有积分、公司、团队