标签: flutter-web

运行webdev serve后给出“无法加载内核二进制文件：无效的内核二进制格式版本。没有活动包 webdev。” 这个错误

试过了，它添加了一些依赖项

flutter packages pub global activate webdev

我有一些使用带有 Java 语言的 Android Studio 构建 android 应用程序的基本知识。现在我想开始学习颤振，但对一些事情不太确定。我读到可以使用 flutter 构建跨平台移动应用程序，我可以使用 android studio 构建这些应用程序。使用 flutter 也可以构建网站和桌面项目。

我的困惑是：

1) 我可以使用带有 Flutter 的 Android Studio IDE 来构建移动应用程序（Android 和 IOS）、桌面应用程序和网站吗？

2）首先，我以为我只是为移动应用程序和网站编写了一个代码，但我猜我错了。那么，如果移动应用程序和网站的代码不同，那么它们有多大不同？我的意思是它是完全不同的东西还是有一些相似之处。那么，如果有人可以使用 Flutter 构建移动应用程序，那么他们也可以轻松地使用 Flutter 构建网站？

3）可以用flutter web代替PHP做网站和web服务吗？

我在网络上使用 Firebase 插件并设法使用 Firestore 和身份验证。现在，我正在尝试启用 Firebase 存储，但是当我实例化存储时，我会出现此错误

tried to call a non-function, such as null: 'dart.global.firebase.storage

对于 Firestore 和身份验证，我使用：

import 'package:firebase/firebase.dart' as fb;
import 'package:firebase/firestore.dart';

 fb.Auth _firebaseAuth = fb.auth();
  Firestore _firestore =fb.firestore();

用于存储：

fb.Storage storage = fb.storage();

我想要做的是构建一个 flutter web 应用程序，当在浏览器中显示时，该选项卡会显示一个图标和一个标题（目前它只显示世界图标和本地主机...标题）。

实际结果 ：

预期结果：

编辑：我现在可以添加标题，因为这是在主函数中设置的

Widget build(BuildContext context) {
  return Scaffold(
    appBar: AppBar(
      leading: Icon(Icons.menu, color: Colors.white,),
      title: Text(_your title here_),
    )
    ...
  );
}

所以，我唯一需要编辑的是网站图标

我正在使用 Flutter 开发网站。除了重新加载页面时，Flutter 一切正常。当我按下浏览器中的刷新按钮时，整个 Web 应用程序都会重新加载。

例如，如果我从初始页面导航到四个页面，当我从第四个页面按下刷新按钮时，初始页面被加载，我将不得不再次手动浏览到第四个页面。

有没有办法在 Flutter 中加载当前活动的页面？

我正在开发一个颤振应用程序。最近，如果我通过单击“运行”按钮从 Android Studio 运行它，我已为 Web 启用了此应用程序，并且它运行良好。问题是当我在本地主机上运行它或构建它以进行发布时，它给出了错误，Another exception was thrown: Instance of 'minified:bV<void>并且页面以灰色显示为空白。

在损坏的页面中，我使用了花型布局。我已经修改了这个库。之前它在 localhost 上也运行良好，但是现在坏了。

请建议。

以下是详细信息：

Flutter 版本 - v1.14.6 (Beta)

命令：我使用以下命令在本地主机上运行应用程序。

cd build/web
flutter build web -t lib/main_web.dart
flutter pub global activate dhttpd
flutter pub global run dhttpd

提前致谢。

我正在开发一个 iOS/Android/Web 应用程序，在这里我使用 pdf 插件根据用户输入生成 PDF：https : //pub.dev/packages/pdf。在iOS和Android上，我可以访问文件系统，所以我可以先保存生成的pdf，然后用任何pdf显示插件打开它。

但是，对于 Flutter web，据我所知，无法访问任何类型的文件系统。我见过的所有 pdf 渲染插件都假设 pdf 文件要么存储在文件中，要么存储在网络上。我在看：

• flutter_full_pdf_viewer: ^1.0.6
• flutter_pdf_viewer：^0.6.1
• pdf_render: ^0.57.2

如何在flutter web上显示这个应用程序生成的pdf？有没有办法将 Uint8List 数据欺骗为文件，或者可能是另一种方法来解决这个问题？（我能想到的唯一解决方法是在生成文件后将文件上传到网络以显示它，但这似乎有点过分了。）

我正在dlblack.dev 上慢慢建立我的个人网站，并且我正在尝试为它增添一点趣味。例如，从计算机（而不是平板电脑或手机，因为它们没有鼠标指针），如果您将鼠标悬停在任何可点击的项目上，它不会改变您的鼠标指针以表明它是可点击的，并且可点击的对象根本不会改变。我决定遵循这个 FilledStacks 教程，但它没有提到关于解决这个问题的任何内容。

基本上发生的事情是，当我通过教程视频（他在那里编写骨架扩展类）获得大约 2.5 分钟并尝试复制它时，VS Code 将几乎整个类声明（除了名称）红线。我正在写的内容与他在 2:26 屏幕上显示的内容完全相同，这是我的代码：

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

extension HoverExtension on Widget{
  
}

当我这样做时，“扩展”、“开”和“小部件”都被红线了。当我将鼠标悬停在“扩展”上时，它会显示以下内容：

Undefined class 'extension'.
Try changing the name to the name of an existing class, or creating a class with the name 'extension'. dartundefined_class
This requires the 'extension-methods' language feature to be enabled.
Try updating your pubspec.yaml to set the minimum SDK constraint to 2.6 or higher, and running 'pub get'. dart(experiment_not_enabled) …

我正在尝试将我的 Flutter 应用程序部署到 GitHub Pages。应用程序运行良好flutter run -d chrome并使用成功构建flutter build web --release

我将代码推送到我的存储库：https : //github.com/learyjk/superpacecalcweb

部署活动日志显示成功部署。但是当我单击“查看部署”按钮时，我只会看到一个空白页面。Javascript 控制台说：

加载资源失败：服务器响应状态为 404 () https://learyjk.github.io/main.dart.js

我也尝试将 /index.html 附加到 URL 的末尾，但没有成功。

有任何想法吗？错误输出不是很详细，所以我不太知道从哪里开始......

GitHub 页面链接：https : //learyjk.github.io/superpacecalcweb/

谢谢！

我正在尝试为Flutter Web 平台设置 Firebase Push 。

我复制了与各种教程中所示相同的设置并遇到以下错误，

Uncaught (in promise) Error: [firebase_messaging/failed-service-worker-registration] Messaging: We are unable to register the default service worker. Failed to register a ServiceWorker for scope ('http://localhost:61027/firebase-cloud-messaging-push-scope') with script ('http://localhost:61027/firebase-messaging-sw.js'): The script has an unsupported MIME type ('text/html')

这是我的 Index.html 的摘录

<script>
    if ('serviceWorker' in navigator) {
      window.addEventListener('flutter-first-frame', function () {
        navigator.serviceWorker.register('/flutter_service_worker.js')
        .then(function(registration) {
      // Registration was successful
      console.log('ServiceWorker registration successful with scope: ', registration.scope);
    }, function(err) {
      // registration failed :(
      console.log('ServiceWorker registration failed: ', …