标签: flutter-web

下面的示例在我的列表视图中加载数据，但某些字符无效，例如。\xc3\x85 \xc3\x84 我正在尝试使用 utf8

var jsonData = json.decode(response.body);\n\nvar jsonData = utf8.decode(response.bodyBytes);\n

当我使用 utf8 时，结果是正确的，但在 listTile 中加载数据时出现引号并出现错误

//I/flutter ( 4629): {"items":[{"name":"xy\xc5\xa1\xc4\x87",  //character is OK but get quotation mark\n//I/flutter ( 4629): {items: [{name: xy\xc3\x84\xc3\x84,  //wrong character\n\n\n\nclass Api {\n  static Future<dynamic> _get(String url) async {\n    try {\n      final response = await http.get(url);\n      var jsonData = json.decode(response.body);\n

有什么解决办法吗？

这是我尝试过的：

body: Container(
          height: MediaQuery.of(context).size.height,
         width: MediaQuery.of(context).size.width,
          decoration: BoxDecoration(
            gradient:
            LinearGradient(colors: [Color(0xFFc2e59c), Color(0xFF64b3f4)]),
          )

我也尝试过不指定宽度和高度，但最终结果始终是一个不会完全填充主体的渐变 -

问题陈述

嗨，基本上，我想要的是通过 POST 将文件发送到 python 服务器端 Flask API。

目标是为用户提供一个文件选择器界面，在他/她选择所需的.txt文件后，使用 POST 请求通过 Dio 发送它。

按钮（小部件）应该调用此uploadFile()函数，并且一切都应该由它处理

代码

这是我当前的代码：

import 'package:dio/dio.dart';
import 'dart:html';
import 'package:http/http.dart' as http;

BaseOptions options = new BaseOptions(
  baseUrl: "http://localhost:5000",
  connectTimeout: 5000,
  receiveTimeout: 3000,
);
InputElement uploadInput = FileUploadInputElement();

void uploadFile() async {
  uploadInput.click();
  uploadInput.onChange.listen((e) {
    // read file content as dataURL
    final files = uploadInput.files;
    final reader = new FileReader();

    if (files.length == 1) {
      final file = files[0];

        reader.onLoad.listen((e) {
          sendFile(reader.result);
        });

        reader.readAsDataUrl(file); …

我怎样才能在颤振中做出下面的瓷砖状设计，两侧有一点弯曲，两侧的其余部分是直线切割的柔和曲线。我可以制作两个圆角和两个非圆角，但无法制作如下所示的一个。任何人都知道如何制作这样的瓷砖。我已经使用了 RoundRect、ClipRRect 和 Container，但无法制作这样的 Widget。任何帮助都将非常重要。

感谢您提前投入的时间和精力。

我希望我的网络应用程序可以在以下位置使用：

  http://example.com/ui/      # My flutter web application
  http://example.com/api/...  # REST endpoints

如何找到下载应用程序的 URL ( )，以便从中http://example.com/ui/生成 URL ？http://example.com/api/

我不想将其烘焙example.com到 Web 应用程序中，因为我们在 CI 期间部署到许多具有不同域名的集群。

我无法在 flutter 中使用 REST api 将字符串列表发送到云 firestore。

//###### here is my code ##########

Future<bool> addVisit(Visit visit) async { //function
try {
var response = await http.post( //post method to send data
  "${VISIT_API}",
  headers:
      {"Authorization": "Bearer ${Utils.loginToken}"},

工作正常到“设施”，但在插入“设施”时出现错误：因为所有其他都是字符串值，而设施是列表类型

  body: json.encode(
    {
      "fields": {
        "status": {"stringValue": visit.status},
        "id": {"stringValue": visit.id},
        "name": {"stringValue": visit.name},
        "dateTime": {"integerValue": visit.dateTime},
        "mob": {"integerValue": visit.mob},
        "idproof": {"integerValue": visit.idproof},
        "address": {"stringValue": visit.address},
        "purpose ": {"stringValue": visit.purpose},
        "facility": {"arrayValue": visit.facility} //error line
      }
    },
  ),
);
print("reach");
if (response.statusCode == …

Flutter Web 应用程序发送一个 HTTP REST API POST 请求，并在 Set-Cookie 标头中获取一个 JSON 响应和一个 cookie，如下所示。

(Flutter (Channel beta, 1.22.0, on Microsoft Windows)

提取 cookie 时，响应似乎没有找到标头值。调用和提取代码为：

var response = await http.post(url, headers: {"Content-Type": "application/json"}, body: jsonEncode(data));

if (response.statusCode == 200) {
  var cookie = response.headers['set-cookie'];
  print('cookie: $cookie');
}

控制台结果是：

cookie: null

服务器端在 Docker 容器中的 ASPNet.Core 3.1 上运行，但是这应该不是问题，因为 cookie 位于标头中。那么，如何在 Flutter Web 中提取它呢？

实际上，我的最终目标是将 cookie 与所有其他请求一起发回。但它似乎不会在浏览器中自动发生。因此，如果有人可以指出处理这种情况的正确方法，这也是一个很好的解决方案。

任何帮助表示赞赏。谢谢。

我正在开发一个包含聊天功能的 Flutter Web 应用程序。

我想包含一个普通的输入功能，用户可以在其中输入文本并将其发送到聊天流中。如今，聊天应用程序的一个标准功能是send打开<ENTER>并在 上执行换行符<SHIFT-ENTER>，或者它的一些变体。

目前，我一次只能实现其中一个功能。如果您将TextField's设置keyboardType为TextInputType.multilinethen<ENTER>并<SHIFT-ENTER>始终执行换行，则似乎没有办法覆盖此行为。

如果相反TextField，TextInputType.text您可以捕获<ENTER>和发送，但尝试捕获<SHIFT-ENTER>以添加换行符不起作用。我试过通过onKey处理程序手动抓取按键并插入\n到controller.text，但它似乎TextInputType.text根本不适用于多行，所以它不能很好地发挥作用。

只是想知道是否有其他开发人员遇到过这个问题或提出了任何合适的解决方案。理想情况下，解决方案也适用于 android/ios。对我来说，我决定TextInputType.text暂时放弃多行功能。

谢谢

我收到错误：未定义的类“必需”。尝试使用 required 关键字时。

这是代码示例：

class Field {
  final int id;
  final String name;
  final bool userEditable;
  final String title;
  Field({
    required this.id,
    this.name,
    this.userEditable,
    this.title,
  });
}

我已经在使用 flutter 的@required关键字，但我试图切换到 dart 的新required关键字。

这是pubspec.yaml环境sdk行：

environment:
  sdk: ">=2.7.0 <3.0.0"

这是 flutter --version 的输出：

Flutter 2.0.1 • channel stable • https://github.com/flutter/flutter.git
Framework • revision c5a4b4029c (2 weeks ago) • 2021-03-04 09:47:48 -0800
Engine • revision 40441def69
Tools • Dart 2.12.0

我还是 Flutter Web 的新手。我的 flutter web 中有 3 行，第一行是欢迎信息，第二行是产品，最后一行是联系，要查看用户需要在我的 Web 上滚动的行。但是如何在 flutter web 中使用 Scroll 函数来包装我的代码？这是我的代码。

  class HomeScreen extends StatelessWidget {
  const HomeScreen({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    Size size = MediaQuery.of(context).size;
    return Scaffold(
      body: Column(
        children: [
          Container(
            // Code Line 1
            height: size.height,
            width: size.width,
            decoration: BoxDecoration(
              image: DecorationImage(
                  image: AssetImage("assets/images/container.jpg"),
                  fit: BoxFit.fitWidth),
            ),
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.center,
              children: <Widget>[
                CusAppBar(),
                Spacer(),
                Body(),
                Spacer(
                  flex: 1,
                ),
              ],
            ),
          ),
          Container(
              // Code Line …