0

我想将任何插件添加到我的 Flutter Web 项目中，但添加插件后出现错误。我已经运行了flutter pub get它给了我代码0。但是当我尝试时：

import 'package:font_awesome_flutter/font_awesome_flutter.dart';

它说找不到包。

发布规范.yaml

environment:
  # You must be using Flutter >=1.5.0 or Dart >=2.3.0
  sdk: '>=2.3.0 <3.0.0'

dependencies:
  flutter_web: any
  flutter_web_ui: any

dev_dependencies:
  build_daemon: ^2.0.0
  build_runner: ^1.6.6
  build_web_compilers: ^2.1.0
  pedantic: ^1.7.0

dependency_overrides:
  flutter_web:
    git:
      url: https://github.com/flutter/flutter_web
      path: packages/flutter_web
  flutter_web_ui:
    git:
      url: https://github.com/flutter/flutter_web
      path: packages/flutter_web_ui
4

3 回答 3

1

您还没有添加font_awesome_flutter插件。它需要在您的pubspec.yaml文件中，如下所示：

environment:
  # You must be using Flutter >=1.5.0 or Dart >=2.3.0
  sdk: '>=2.3.0 <3.0.0'

dependencies:
  flutter_web: any
  flutter_web_ui: any
  font_awesome_flutter: ^8.5.0

dev_dependencies:
  build_daemon: ^2.0.0
  build_runner: ^1.6.6
  build_web_compilers: ^2.1.0
  pedantic: ^1.7.0

dependency_overrides:
  flutter_web:
    git:
      url: https://github.com/flutter/flutter_web
      path: packages/flutter_web
  flutter_web_ui:
    git:
      url: https://github.com/flutter/flutter_web
      path: packages/flutter_web_ui

不幸的是，即使你确实有它，它仍然无法工作，font_awesome_flutter因为 Flutter Web 甚至还不支持该插件。有关如何在 Flutter Web 上添加自定义字体的示例，请参阅Flutter Web 存储库中的custom_fonts 示例。

于 2019-08-19T13:34:10.117 回答
0

更新：以下说明不再有效。由于以前的项目存储库已存档。

在这个特定的投资组合网站中，我不确定他是否使用了任何 fontawesome 插件。你可以在这里查看他的代码。https://github.com/iampawan/myportfolio

相反，请查看此迁移指南以查看您是否遵循了这些部分中提到的这些步骤。

此外，要使用新插件，这是我在项目中遵循的。例如，这是我在项目中使用 graphql-2.1.0 包的方式。

  1. 我去颤振包的版本页面。在这种情况下。

  2. 下载最新版本并将其解压缩到我项目中的文件夹中。例如

    • $project_dir\packages

    • 旁边 -- $project_dir\lib, $project_dir\web

  3. 将 $project_dir\packages\font-awesome-folder\lib 中的所有导入替换为

    • package:flutter to package:flutter_web

    • dart:ui to package:flutter_web_ui/ui.dart

  4. 编辑以使用迁移指南$project_dir\packages\font-awesome-folder\pubspec.yaml中定义的 flutter_web sdk 。

  5. 最后做一个flutter pub get和pub get

当然，通过这种方法，我们会丢失更新的版本。此外，如果 font-awesome 取决于我们为它做的其他事情。但暂时我发现这对我有用。

您可以在此分支中查看 kevmoo 如何移植提供程序包以与 Flutter Web 一起使用。

于 2019-08-21T13:19:01.787 回答
0

发布规范.yaml

  flutter_web_ui:
    git:
      url: https://github.com/flutter/flutter_web
      path: packages/flutter_web_ui

小部件构建

ui.platformViewRegistry.registerViewFactory("my_div_", (int viewId) {
  DivElement element = DivElement()
    ..id = "reader"
    ..innerHtml = "Hello World";
  return element;
});

脚手架

import 'dart:ui' as ui;

Column(children:[ HtmlElementView(viewType: 'my_div')])
于 2020-08-17T21:09:10.660 回答