如何在flutter_web中收集文本输入

Question

我基于hello world example和retrieve input example创建了flutter_web应用。

它不起作用：光标在闪烁，但是当我键入时没有任何反应。 我的代码是here，托管在here。

我使用 Chrome。颤振配置：

Flutter 1.7.8+hotfix.4 • 频道稳定 • https://github.com/flutter/flutter.git 框架 • 修订 20e59316b8（7 周前） • 2019-07-18 20:04:33 -0700 引擎 • 修订费001c93f 工具 • Dart 2.4.0

有什么问题？

Answer 1

问题是hello_world 示例今天已经过时了。

flutter_web 被冻结了一段时间，但现在存储库正在积极开发中，非常不希望使用 master 分支进行教育。 为此，我建议您使用这些相对稳定的软件包： flutter_for_web 和 flutter_for_web_ui。

为此，请执行以下两个步骤：

在pubspec.yaml 中更改依赖项

  flutter_web: any
  flutter_web_ui: any

到

  flutter_for_web: ^1.0.0
  flutter_for_web_ui: ^1.0.0

并彻底删除 dependency_overrides 部分。

在*.dart 文件中替换

import 'package:flutter_web/material.dart';
import 'package:flutter_web_ui/ui.dart';

与

import 'package:flutter_for_web/material.dart';
import 'package:flutter_for_web_ui/ui.dart';