标签: flutter-web

下面我分享了我的 flutter 代码，该代码只需选择一个图像并在获得所需的权限后将其显示在屏幕上。然而，该代码在 Android 上运行良好，但当MissingPluginException(No implementation found for method requestPermissions on channel flutter.baseflow.com/permissions/methods)我尝试在网络上上传图像时出现异常。

import 'dart:io';

import 'package:flutter/material.dart';
import 'package:image_picker/image_picker.dart';
import 'package:fluttertoast/fluttertoast.dart';
import 'package:permission_handler/permission_handler.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Project2',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  @override
  createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  File _file …

我想知道是否可以在 flutter web 应用程序和 flutter 移动应用程序之间进行视频通话。在pub dev的agora_rtc_engine 4.0.6中，它只说“支持Android和IOS”。所以我猜网络还不支持？

如果没有，是否有任何替代解决方案可以用于我的项目来实现此功能？

我想在不指定设备/浏览器的情况下运行 flutter web 开发服务器。

我已经使用 python Flask 创建了 REST GET API，它的代码如下

app = Flask(__name__)
 
@app.route("/youtube")
def firstGetAPI():
 
    try:
        url = request.args.get('url')
        print(f'URL is {url}')
        res = "Success"
        response = flask.Response(res)
        response.headers.set('Access-Control-Allow-Origin', '*')
        response.headers.set('Access-Control-Allow-Headers', 'Content-Type,Authorization')
        response.headers.set('Access-Control-Allow-Methods', 'GET,PUT,POST,DELETE,OPTIONS')
        return response, 200
    except Exception as e:
        response = {"status":"Fail", "message":str(e)}
        return json.dumps(response)
 
if __name__ == "__main__":
    app.run(host='0.0.0.0', debug=True, port=8080)

现在在前端，Flutter 代码如下

child: ElevatedButton(
                child: const Text('Download'),
                onPressed: () async {
                  var header = {
                    'Access-Control-Allow-Origin': '*',
                    "Accept": "application/json"
                  };

                  var url = Uri.parse(
                      'http://192.168.2.237:8080/youtube?url=www.google.com');

                  print('URL is : …

我正在构建一个 Flutter Web 应用程序。一切都工作正常，直到我随机进行热重启，然后我开始收到此错误。

wasm 流式编译失败：TypeError：无法下载 wasm 模块

尝试了 2 件事

1. 将代码恢复到已知的工作状态（来自 git 源代码控制），但我仍然收到此错误。
2. 使用新的 Flutter 项目选项从 Android studio 创建了新的 Flutter 项目。还是没有用。

有任何想法吗？我尝试更新 Chrome，但没有帮助。

我正在创建一个文本样式模型并使用 getter 来获得使用google_fonts 的文本样式。当我提供财产时会出现此问题fontWeight:。此外，它fontWeight不提供与 GoogleFont 类似的外观。

我已经在另一个项目上进行了测试，使用html renderer. 我已经检查过这个问题，但它不起作用。

风格比较

\n

但从GoogleFont 来看

\n

flutter doctor -v没有任何问题

Flutter (Channel stable, 2.5.2, on Microsoft Windows [Version\n    10.0.19043.1288], locale en-US)\n    \xe2\x80\xa2 Flutter version 2.5.2 at C:\\Tools\\flutter\n    \xe2\x80\xa2 Upstream repository https://github.com/flutter/flutter.git        \n    \xe2\x80\xa2 Framework revision 3595343e20 (3 weeks ago), 2021-09-30 12:58:18  \n      -0700\n    \xe2\x80\xa2 Engine revision 6ac856380f\n    \xe2\x80\xa2 Dart version 2.14.3\n

模型类

我目前正在尝试列出 api 中的一堆引用。该列表将有一个搜索委托来过滤用户的选择；但是，搜索委托没有显示任何结果。我该怎么解决这个问题？

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

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

class Search extends SearchDelegate<String> {
  List quotes = [];
  String author = "";
  String result = "";

  Search({
    required this.author,
  });

  Future<List<dynamic>> getPost() async {
    final response = await http.get(Uri.https('type.fit', 'api/quotes'));
    return postFromJson(response.body);
  }

  List<dynamic> postFromJson(String str) {
    List<dynamic> jsonData = json.decode(str);
    quotes = jsonData.toList();
    print("shet");
    return jsonData;
  }

  @override
  List<Widget> buildActions(BuildContext context) {
    return [
      IconButton(
        icon: Icon(Icons.clear),
        onPressed: () {
          query = '';
        },
      ) …

我将另一个列表项添加到新列表中，并在 setState() 中执行此代码。但是每当我调用这个初始化新列表的类时，列表的前一个条目就会消失。不知道为什么会发生这种情况。我也是颤振新手。提前致谢。

List<String> myList = [];

内部构建（有状态小部件），

onTap: (){
setState((){
myList.add("newstring");
});}

当子组件是 Chip 小部件时，我的 flutter web 程序中的鼠标光标在悬停时不会更改为单击光标。我将芯片更改为文本和容器小部件，并且鼠标光标发生变化，没有任何问题。

以下是 MouseRegion 的代码。

return MouseRegion(
  cursor: SystemMouseCursors.click,
  child: Container(
    width: 200,
    alignment: Alignment.centerRight,
    child: GestureDetector(
      onTap: () {},
      child: Chip(
        backgroundColor: kLightPrimary,
        avatar: const Icon(
           Feather.phone_call,
           size: 18.0,
           color: kPrimaryColor,
        ),
        label: Text(
          "Test num",
          style: GoogleFonts.poppins(
              fontWeight: FontWeight.w500, color: kPrimaryColor),
          textAlign: TextAlign.end,
        ),
        padding: const EdgeInsets.all(kDefaultPadding),
      ),
    ),
  ),
),

我有一个Rowof 按钮，其父级为SingleChildScrollView, 水平方向。包装行的元素后SingleChildScrollView不尊重mainAxisAlignment，特别是 spaceBetween，它们在一起，中间没有空格......

我怎样才能让 spaceBetween 再次工作？

SingleChildScrollView(
  scrollDirection: Axis.horizontal,
  child: Row(
    mainAxisAlignment: MainAxisAlignment.spaceBetween,
    mainAxisSize: MainAxisSize.max,
    children: const [
      TransportModeButton(
        iconPath: 'images/icons/walking_icon.png',
        text: 'Walking',
      ),
      TransportModeButton(
        iconPath: 'images/icons/bicycle_icon.png',
        text: 'Bike & eScooter',
      ),
      TransportModeButton(
        iconPath: 'images/icons/public_transport_icon.png',
        text: 'Public transport',
      )
    ],
  ),
),