flutter - 如何在flutter_web中收集文本输入

Question

我基于hello world 示例创建了 flutter_web 应用程序并检索输入示例。

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

我用铬。颤振配置：

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

有什么问题？

标签： flutterflutter-web

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';