标签: flutter-web

在 flutter 中，我创建了一个简单的绘图应用程序，支持 Android、iOS 和 Web。它将从 url 加载图像作为背景，用户将能够在其上绘制线条并添加文本。问题出在网络上，特别是在基于 Chrome 的浏览器中，背景缺失，尽管它在 Safari 和 Firefox 中像魅力一样工作。

首先，我有来自网络的图像网址，我将其转换为dart:ui图像

Future<ui.Image?> loadUiNetworkImage(String? url) async {
  if (url == null) return null;
  final http.Response response = await http.get(Uri.parse(url));
  final list = response.bodyBytes;
  final completer = Completer<ui.Image>();
  ui.decodeImageFromList(list, completer.complete);
  return completer.future;
}

final background = await loadUiNetworkImage(backgroundUrl);

然后在我的 CustomPainter 小部件中，我使用函数将图像作为背景paintImage：

@override
void paint(Canvas canvas, Size size) {

  _addBackground(ui.Image background, {double scale = 1.0}) {
    final width = background.width * scale;
    final height = …

我讨厌发布以前提出的问题，但我认为以前针对此问题的解决方案不再受支持。我使用下面的结构来启用滚动。垂直滚动在网络和移动设备上很好，但水平滚动在网络上不活跃。我搜索了这个问题，发现新版本的flutter不支持网页上的水平滚动。即使在一些Google产品（例如Gmail）中，该功能也无法使用。

Scrollbar(
                thumbVisibility: true,
                trackVisibility: true,
                child: SingleChildScrollView(
                    scrollDirection: Axis.vertical,
                    child: SingleChildScrollView(
                        scrollDirection: Axis.horizontal,
                        child: Column(children: [scrollWiew()]))))

有没有一种新的方法来激活网络上的水平滚动？也许使用浏览器的默认滚动条可能适合我的项目，但我不知道它是否可行。

谢谢。

我正在开发一个 Flutter Web 项目，FilePicker 在 Flutter Web 上将路径返回为 null，那么如何创建一个可以发送到 Multipart 的文件，以便将其发送到 Node.js 或 Express.js 服务器？

我目前正在开发一个 flutter web 应用程序，用户应该能够预览相机并手动保存图片。因此我使用官方的相机插件。我能够初始化相机、预览内容并在按下按钮时保存图片。

import 'dart:convert';
import 'dart:typed_data';
import 'package:flutter/material.dart';

import 'package:camera/camera.dart';
import 'package:image/image.dart' as img;

late List<CameraDescription> _cameras;

Future<void> main() async {
  WidgetsFlutterBinding.ensureInitialized();

  _cameras = await availableCameras();
  runApp(const CameraApp());
}

class CameraApp extends StatefulWidget {
  const CameraApp({Key? key}) : super(key: key);

  @override
  State<CameraApp> createState() => _CameraAppState();
}

class _CameraAppState extends State<CameraApp> {
  late CameraController controller;
  Image? image;

  @override
  void initState() {
    super.initState();
    // define and initialize the camera controller once
    controller = CameraController(
      _cameras[0],
      ResolutionPreset.max,
      imageFormatGroup: ImageFormatGroup.jpeg,
    );
    controller.initialize().then((_) …

我创建了一个flutter web应用程序，并使用命令..完成了构建 flutter build web --release，然后将其传输到本地服务器，除非连接到互联网，否则该站点无法工作，

我希望该网站能够在没有互联网连接的情况下工作，因为我在一个组织中工作并且某些用户没有互联网权限。

拜托，我想要解决这个问题。

谢谢

我正在尝试解决这个问题，因为如此登录但没有得到任何解决方案。

final _response = await _apiService.getCall(ApiConstants.url_user_qr + query);
  if (_response?.statusCode == 200) {
    var a = Utf8Decoder().convert(_response?.data.codeUnits);
  }

我尝试了通过互联网获得的所有可能的解决方案。非常感谢帮助。