标签: flutter-web

Flutter Web 中出现“断言失败:_pressedKeys.containsKey(event.physicalKey)”错误

我通过 POST 请求从 API 获取数据。然后我将数据填充到 GridView Builder 中。但是当我滚动应用程序的网络版本时,它给了我这个错误:

\n
\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90 Exception caught by services library \xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\nThe following assertion was thrown during a platform message callback:\nAssertion failed:\n../\xe2\x80\xa6/services/hardware_keyboard.dart:441\n_pressedKeys.containsKey(event.physicalKey)\n"A KeyUpEvent is dispatched, but the state shows that the physical key is not pressed. If this occurs in real application, please report this bug to Flutter. If this occurs in unit tests, please ensure that simulated events follow Flutter's event model as documented in `HardwareKeyboard`. This was the event: KeyUpEvent#6f053(physicalKey: PhysicalKeyboardKey#700e3(usbHidUsage: \\"0x000700e3\\", debugName: \\"Meta …
Run Code Online (Sandbox Code Playgroud)

dart flutter flutter-web

21
推荐指数
3
解决办法
2万
查看次数

Flutter web 应该使用 Wasm 而不是 dart2js

我发现了几篇关于 Wasm 比 JS 更快的文章[1 , 2 ]

我看到这个话题在这个旧的(封闭的)问题中被触及[3 , 4 ]

而这个看似被放弃的关于谷歌群组的讨论[5]

问题是:

为什么 flutter web 不使用 Wasm 而不是 dart2js

感谢您的时间

(也在github上问过)

dart dart2js webassembly flutter flutter-web

20
推荐指数
2
解决办法
6249
查看次数

避免在 Flutter Web 插件包之外使用纯 Web 库

我正在构建一个 Flutter 应用程序,我试图在网络上工作。其中一部分包含一些特定于 Web 的代码:

import 'dart:html' as html;
import 'package:flutter/foundation.dart';

class DownloadViewModel extends ChangeNotifier {
  static const String url = 'https://example.com/api/v1/app/myapp_1.0.0.apk';
  void onAndroidDownloadPressed() {
    html.window.open(url, 'AndroidApp');
  }
}
Run Code Online (Sandbox Code Playgroud)

但是dart:html导入会出现以下错误:

避免在 Flutter Web 插件包之外使用纯 Web 库

警告的较长版本如下所示:

避免使用网络图书馆,dart:htmldart:jsdart:js_util在颤振包不在网络插件。这些库在 Web 上下文之外不受支持;依赖于它们的功能在 Flutter mobile 中将在运行时失败,并且在 Flutter web 中通常不鼓励使用它们。

允许访问网络图书馆:

plugin packages that declare web as a supported context
Run Code Online (Sandbox Code Playgroud)

否则,不允许导入dart:htmldart:jsdart:js_util

这不仅仅是一个警告。这实际上阻止了构建 Android 或 iOS 应用程序(即使非 Web Flutter 应用程序无法访问此方法)。

我想出的唯一解决方案是在为 …

html dart flutter flutter-web

20
推荐指数
1
解决办法
5712
查看次数

在 Flutter Web 中进行 HTTP 调用时出现“XMLHttpRequest”错误

我正在使用 XAMPP 控制面板并使用像 Apache 80 号端口这样的本地服务器,但是在 flutter web 中出现 XMLHttpRequest 错误并且在移动设备中。相同的编码使用 API 获取数据没有出现任何错误。如何在应用程序在 flutter-web 上运行时使用 API 获取数据?

错误

Launching lib\main.dart on Chrome in debug mode...
Syncing files to device Chrome...
Debug service listening on ws://127.0.0.1:56619/FsXy3a4ZrZg=
Debug service listening on ws://127.0.0.1:56619/FsXy3a4ZrZg=
Error: XMLHttpRequest error.
    C:/b/s/w/ir/cache/builder/src/out/host_debug/dart-sdk/lib/_internal/js_dev_runtime/patch/core_patch.dart 906:28                get current
packages/http/src/browser_client.dart 84:22                                                                                    <fn>
C:/b/s/w/ir/cache/builder/src/out/host_debug/dart-sdk/lib/async/zone.dart 1450:54                                              runUnary
C:/b/s/w/ir/cache/builder/src/out/host_debug/dart-sdk/lib/async/future_impl.dart 143:18                                        handleValue
C:/b/s/w/ir/cache/builder/src/out/host_debug/dart-sdk/lib/async/future_impl.dart 696:44                                        handleValueCallback
C:/b/s/w/ir/cache/builder/src/out/host_debug/dart-sdk/lib/async/future_impl.dart 725:32                                        _propagateToListeners
C:/b/s/w/ir/cache/builder/src/out/host_debug/dart-sdk/lib/async/future_impl.dart 519:7                                         [_complete]
C:/b/s/w/ir/cache/builder/src/out/host_debug/dart-sdk/lib/async/stream_pipe.dart 61:11                                         _cancelAndValue
C:/b/s/w/ir/cache/builder/src/out/host_debug/dart-sdk/lib/async/stream.dart 1302:7                                             <fn>
C:/b/s/w/ir/cache/builder/src/out/host_debug/dart-sdk/lib/_internal/js_dev_runtime/private/ddc_runtime/operations.dart 324:14  _checkAndCall
C:/b/s/w/ir/cache/builder/src/out/host_debug/dart-sdk/lib/_internal/js_dev_runtime/private/ddc_runtime/operations.dart 329:39  dcall
C:/b/s/w/ir/cache/builder/src/out/host_debug/dart-sdk/lib/html/dart2js/html_dart2js.dart 37312:58                              <fn> …
Run Code Online (Sandbox Code Playgroud)

php flutter flutter-web

20
推荐指数
2
解决办法
2万
查看次数

运行 flutter web 时添加 firefox 作为设备

我想在运行 flutter for web 时添加 Firefox 作为默认浏览器(chrome 的某些软件包有错误)。我之前在 Ubuntu 20.4 上做过这个,但我已经切换到 arch 并且我不记得我是如何做到的。

flutter flutter-web flutter-web-browser

20
推荐指数
1
解决办法
1万
查看次数

Flutter Web 富文本编辑器

我正在寻找类似于图像中的文本编辑器。

在此处输入图片说明 我看到了一个附加组件,它可以完全满足我的要求,但与移动键盘相关联。

在 flutter web 中没有键盘打开,但您可以直接输入。

这就是为什么我想知道是否有任何解决方案可以得到我正在寻找的东西,我正在等待答案,非常感谢您的关注。

这里有插件链接: https : //pub.dev/packages/zefyr 在此处输入图片说明

dart flutter flutter-web

19
推荐指数
1
解决办法
6672
查看次数

如何为 Flutter web 获得一个有效的二维码扫描仪?

我有点期待不可能的事情,但无论如何都要确保我没有错过任何伟大的想法。

我已经尝试了几个 Flutter 二维码扫描器库,但正如我所期望的那样,例如,当我在 Chrome 中使用 web beta 支持时,这些库都不会运行。

我的问题是,是否有适用于 iOS、Android 和 Web 的 Flutter 二维码扫描器库?

如果没有,有没有办法专门在 Flutter for Web 中编写它?

有一个 Stack Overflow 问题,即在 WebView 中运行 QR 扫描仪 JavaScript 库并尝试运行 Web 版本,该帖子指出该版本面临相机流问题。这是一种可以转化为 Web 的可能方法吗?

有没有其他方法可以让 Flutter 中的二维码扫描器在 Web 中运行?

flutter flutter-web

19
推荐指数
1
解决办法
1803
查看次数

在flutter web中使用WebView而不使用iframe

有没有办法在 Web Filter 中使用 WebView 而无需 iframe?大多数网站都可以通过 iframe 的方式显示网站信息,而且很多网站也禁止使用 iframe。

我正在寻找一种直接使用网站信息而不需要 iframe 的方法

我也测试了较低的库,但它不起作用

easy_web_view2

简易网页视图

网页视图x

网页浏览器

在应用程序网络视图中

和 ...

我在 Flutter web 中显示 webview 时没有问题我在显示已禁用 iFrame 功能的网站时遇到问题。

在此输入图像描述

dart flutter flutter-web

19
推荐指数
2
解决办法
1万
查看次数

如何向 In Flutter Web 发出 HTTP 请求

我正在尝试使用颤振网络。我尝试使用 http 包将我创建的一个简单的 Flutter Web 应用程序连接到 mysql 数据库和 localhost。但是我没有从请求方法返回任何数据。当我试图打印出snaphot.error我得到这个:XMLHttpRequest error。我有这个方法FutureBuilder()

getMethod()async{
  String theUrl = 'https://localhost/fetchData.php';
  var res = await http.get(Uri.encodeFull(theUrl),headers: {"Accept":"application/json"});
  var responsBody = json.decode(res.body);
  print(responsBody);
  return responsBody;

}
Run Code Online (Sandbox Code Playgroud)

dart flutter flutter-web

18
推荐指数
1
解决办法
2万
查看次数

不支持的操作:Platform._operatingSystem

我的颤振代码未在网络上运行。

我发现可以使用“bool kisweb”来检测平台。但是我的代码在“FirebaseAuth.instance”上失败了。这是否意味着我不能在网络上使用 Firebaseauth,因为它可能取决于 dart:io?

在调试模式下在 Chrome 上启动 lib\main.dart...调试服务监听 ws://127.0.0.1:54007/NghsYaNRLKE= 为网络编译???小部件库捕获的异常 ????????????????????????????????????????????? ??????????????? 构建 MultiProvider 时抛出了以下 UnsupportedError: Unsupported operation: Platform._operatingSystem 相关的导致错误的小部件是: MultiProvider org-dartlang-app:///packages/My_App/main.dart:30:10 抛出异常时,这是堆栈:包:build_web_compilers/src/dev_compiler/dart_sdk.js 3996:11
throw_ 包:build_web_compilers/src/dev_compiler/dart_sdk.js 57810:17 _operatingSystem 包:build_web_compilers/src/dev_compiler/dart_sdk.js 57859:27 获取操作系统包:build_web_compilers/src/dev_compiler/dart_sdk.js 包:build_web_compilers/src/dev_compiler/dart_sdk777sd build_web_compilers/src/dev_compiler/dart_sdk.js 5020:17 获取包:build_web_compilers/src/dev_compiler/dart_sdk.js 57796:26 获取 isIOS 包:build_web_compilers/src/dev_compiler/dart_sdk.js7 getcore/src/dev_compiler/dart_sdk.js 5020:firebase 5Cfirebase_app.dart 15:16
获取 defaultAppName 包:build_web_compilers/src/dev_compiler/dart_sdk.js 5020:17 获取包:firebase_core/src%5Cfirebase_app.dart 51:57 获取实例包:build_web_compilers/src/dev_compiler/dart_sdk.js 5020:17 获取包src%5Cfirebase_auth.dart 25:67
获取实例包:build_web_compilers/src/dev_compiler/dart_sdk.js 5020:17 get internalCallback ???????????????????????? ?????????????????????????????????????????????????????? ?????????????????????????????? 退出

请帮我解决这个问题。

flutter flutter-web

18
推荐指数
5
解决办法
2万
查看次数