标签: flutter-web

嗨，我是一名移动应用程序开发人员，对 Web 开发不太熟悉，在加载 Flutter Web 应用程序（如 Gmail 加载屏幕）之前，我正在寻找任何实现进度指示器的方法。Flutter web 很酷，但加载应用程序需要一些时间。我们可以为此加载持续时间添加任何指标吗？在 flutter 中实现的任何代码都将是 flutter app 的一部分，它不会工作，应该有另一种方法来实现这一点。

假设audioplayers|lib/audio_cache.dart仅适用于 Android/iOS，我有条件地从 Dart 文件中排除以下导入：

import "package:audioplayers/audio_cache.dart"

通过以下方式：

import "dart:math" if (dart.library.io) "package:audioplayers/audio_cache.dart";

其中“dart:math”可以是任何 fake_stub Dart 文件。简而言之，这为Flutter 中的移动设备导入了一个库。详细信息在这里（感谢阿洛伊斯·丹尼尔！）。

在 Flutter-Web 实现中隐藏特定于平台的代码的最佳方法是什么？

 import 'dart:io' show Platform;

 bool isMobile() => Platform.isAndroid || Platform.isIOS;

 class _MyPageState extends State<MyPage> {
     dynamic _audioPlayer;

     @override
     void initState() {
         if (isMobile()) {
            _audioPlayer = AudioCache(prefix: 'sounds/');
            _audioPlayer.load('mysound.mp3');
         }
     }
 }

AudioCache当然，这种幼稚的尝试在参考上失败了。

 Error: Method not found: 'AudioCache'.
  _audioPlayer = AudioCache(prefix: 'sounds/');

我是 Flutter 的新手，正在使用 Flutter Web 应用程序，我的要求是创建和下载文本文件。像下面。

void getData() {
    List<int> bytes = utf8.encode('this is the text file');
    print(bytes); // Need to download this with txt file.
}

谁能帮我实现这一目标

我是 flutter 的初学者，我已经学会了当屏幕大小从桌面到平板电脑再到移动设备时如何处理大小和文本渲染。但我想了解当我在同一屏幕模式下减小屏幕尺寸时，如何更改尺寸或调整内容。

例如 -

return Container(
  child: new Row(
    children: <Widget>[
      new Column(
        children: <Widget>[new Text("Hello World")],
      ),
      new Column(
        children: <Widget>[
          new Text(
              "This is a long text this is a long test this is This is a long text this is a long test this is This is a long text this is a long test this is This is a long text this is a long test this is This is a long text this is …

当我在 flutter web 项目中添加一些像 ListView 这样的小部件时，我遇到了这个错误，我以前在使用 android 时从未遇到过这个错误

    Exception has occurred.
"Error: Assertion failed: file:///D:/Android/flutter/packages/flutter/lib/src/rendering/mouse_tracking.dart:312:12
!_debugDuringDeviceUpdate
is not true
    at Object.throw_ [as throw] (http://localhost:23584/dart_sdk.js:4328:11)
    at Object.assertFailed (http://localhost:23584/dart_sdk.js:4275:15)
    at mouse_tracking.MouseTracker.new.[_deviceUpdatePhase] (http://localhost:23584/packages/flutter/src/rendering/layer.dart.lib.js:4940:61)
    at http://localhost:23584/packages/flutter/src/rendering/layer.dart.lib.js:4998:33
    at mouse_tracking.MouseTracker.new.[_monitorMouseConnection] (http://localhost:23584/packages/flutter/src/rendering/layer.dart.lib.js:4935:7)
    at mouse_tracking.MouseTracker.new.updateWithEvent (http://localhost:23584/packages/flutter/src/rendering/layer.dart.lib.js:4997:36)
    at binding$5.WidgetsFlutterBinding.new.dispatchEvent (http://localhost:23584/packages/flutter/src/rendering/layer.dart.lib.js:5943:45)
    at binding$5.WidgetsFlutterBinding.new.[_handlePointerEvent] (http://localhost:23584/packages/flutter/src/gestures/binding.dart.lib.js:257:14)
    at binding$5.WidgetsFlutterBinding.new.[_flushPointerEventQueue] (http://localhost:23584/packages/flutter/src/gestures/binding.dart.lib.js:229:35)
    at binding$5.WidgetsFlutterBinding.new.[_handlePointerDataPacket] (http://localhost:23584/packages/flutter/src/gestures/binding.dart.lib.js:213:65)
    at Object._invoke1 (http://localhost:23584/dart_sdk.js:175453:7)
    at _engine.EngineWindow.new.invokeOnPointerDataPacket (http://localhost:23584/dart_sdk.js:171307:15)
    at _engine.PointerBinding.__.[_onPointerData] (http://localhost:23584/dart_sdk.js:158211:24)
    at http://localhost:23584/dart_sdk.js:158585:26
    at http://localhost:23584/dart_sdk.js:158557:16
    at http://localhost:23584/dart_sdk.js:158310:11"

我到处找，但没有任何线索，提前致谢

我的目标是在我的主页上的iframe的帮助下集成一个 flutter 小部件。主页不是用flutter写的。但是，我需要一个界面，通过该界面主页可以与小部件进行通信。所以我想到在主页上使用postMessage()并在 flutter widget 中使用html.window.addEventListener() 。现在我在 flutter 中收到一个事件，但看不到它的内容。我的临时解决方案是将消息保存在本地存储中，并仅使用侦听器作为通知程序，但我不太喜欢这种方法。有人对我的问题有更好的解决方案吗？

// ignore: avoid_web_libraries_in_flutter
import 'dart:html' as html;
import 'package:simple_cookies/simple_cookies.dart';


 class MessageListener extends StatefulWidget {
      @override
      _MessageListenerState createState() => _MessageListenerState();
  }

class _MessageListenerState extends State<MessageListener> {
  String last;

  @override
  void initState() {
    html.window.addEventListener('message', listen, true);
    super.initState();
  }

  @override
  void dispose() {
    html.window.removeEventListener('message', listen, true);
    super.dispose();
  }

  void listen(html.Event event) {
    last = Cookies.get('iframe_message') ?? 'Error';
    setState(() {});
  }

  @override
  Widget build(BuildContext …