标签: flutter-web

我刚刚创建了一个 flutter web 应用程序，现在准备部署它。查看文档，我似乎需要使用 Firebase 托管？但我想在我自己的服务器上托管该应用程序。我尝试从 Build 复制 Web 目录，但是当我转到该路径时，我在 Web 上看到一个空白屏幕。我如何正确部署它？或者如果没有 Firebase 就根本不可能实现？

如果主题在 main.dart 中设置为

return MaterialApp(
  title: 'MY APP',
  theme: ThemeData(
    primarySwatch: Colors.blue,
    fontFamily: 'Cabin',
    textTheme: TextTheme(
      headline1: TextStyle(
        fontFamily: 'Raleway',
        color: Colors.black,
        fontWeight: FontWeight.w600,
        fontSize: 18,
      ),
      subtitle1: TextStyle(
        fontFamily: 'Raleway',
        color: Colors.black54,
        fontWeight: FontWeight.w600,
        fontSize: 16,
      ),
    ),
  ),

我使用主题作为

Text('MY STRING',
    style: Theme.of(context).textTheme.subtitle1),

如何使“我的字符串”的颜色与 subtitle1 主题颜色不同，同时保留主题数据的其他属性，例如字体粗细、系列和大小等？

问题

如果我CTRL在 Chrome (Windows) 中使用 + 滚轮或捏合触控板进行缩放，我会看到以下奇怪的行为：

Flutter Web 应用程序正在调整大小，但也留下了痕迹。

使用案例

例如，如果我想覆盖滚动放大/触控板缩放行为，以便在我的 Flutter Web 应用程序中使用它来放大画布，这会阻止我这样做。即使我对缩放手势做出反应，Flutter 也不会阻止这种默认行为。

那么我该如何防止这种情况发生呢？

我XMLHttpRequest error.在对我的 API-AWS API 网关进行 HTTP post 调用时遇到此错误。我当前的流程是 Flutter web -> API gateway -> lambda -> rds。

我知道已经有几个与此相关的问题，例如，但正如答案之一所建议的，添加一些标头以响应 lambda。但这对我不起作用。

经过一些研究，我发现问题与 CORS 有关。现在禁用 chrome 中的 cors 是一个临时修复，并在这个问题中建议。

我在研究后发现的一些其他解决方案建议在我的 API 中启用 cors，并且在前端部分我添加了标头，但它们都不起作用。

fetchData() async {
    String url =
        "myUrl";
    Map<String, String> headers = {
      "Access-Control-Allow-Origin": "*", // Required for CORS support to work
    };
    String json = '{"emailId":"emailId"}';
    http.Response response =
        await http.post(Uri.parse(url), headers: headers, body: json);
    print(response.body);
    return response.body;
  }

解决这个问题的正确方法是什么？

我希望使用 flutter 更改分页数据表的颜色，

我使用深色主题，分页数据表采用该颜色，我还从 flutter 网站上阅读，在此处输入链接描述

使用这个 CardTheme，但是如何使用它..这是我用于分页数据表的简单代码..

 class DataTableDemo extends StatelessWidget {
  Widget build(BuildContext context) {
    print("tesat");

    MySource mySource = new MySource(
      // ["test1##test2", "test3##test4", "test5##test6", "test7##test8"],
      //  ["test1##test2", "test3##test4", "test5##test6", "test7##test8"]
      test2,
      test3,
    );

    return Container(
      // appBar: AppBar(
      //   title: Text('Data Tables'),
      // ),
      //backgroundColor: Color(0xff232d37),
      color: Color(0xff232d37),
      child: ListView(
        padding: const EdgeInsets.all(2),
        children: [
          PaginatedDataTable(
            //header: Text('Header Text'),
            rowsPerPage: 10,
            columns: [
              DataColumn(label: Text('Header A')),
              DataColumn(label: Text('Header B')),
              DataColumn(label: Text('Header C')),
            ],
            //source: _DataSource(context),
            source: …

我想在 Flutter web 中用鼠标滚轮水平滚动 SingleChildScrollView() ，但 SingleChildScrollView() 位于 ListView() 内部，当我尝试用鼠标滚轮滚动它时，它会滚动 ListView() 。

这是我的代码

      child: ListView(
        children: [
            Container(
            width: 420.0,
            child: Row(
              children: [
                Expanded(
                  child: Text(
                    'Popular Search',
                  ),
                ),
                Expanded(
                  flex: 3,
                  child: SingleChildScrollView(
                    scrollDirection: Axis.horizontal,
                    child: Row(
                      children: categoriesList.map((e) {
                        return Container(
                          decoration: BoxDecoration(
                            borderRadius:
                                BorderRadius.all(Radius.circular(12.0)),
                            color: Colors.white,
                          ),
                          child: Text(
                            e,
                            style: TextStyle(
                              fontSize: 13.0,
                            ),
                          ),
                        );
                      }).toList(),
                    ),
                  ),
                )
              ],
            ),
          ),
        ],
      ),

我有 4 个小textFormField部件。一旦用户完成第一个文本字段，我想textField自动关注下一个文本字段。Flutter 有没有办法做到这一点？任何人请分享，提前感谢:)

我在 flutter web 上测试了它AppLifeCycleState，但它在移动平台上工作时不起作用。

这是一个正在解决的问题。

我想知道是否有人知道可以做到这一点的任何解决方法或软件包？

我正在尝试让我当前的 Flutter 应用程序在网络上运行。我打了电话flutter create .，但如果我尝试在 Chrome 中运行它，我会收到大约 10000 条错误消息的提示，这些消息都如下所示：

尝试删除“external”关键字或添加 JS 互操作注释。外部 ffi.Pointer<OBX_id_array> 删除；^

../../flutter/.pub-cache/hosted/pub.dartlang.org/objectbox-1.1.0/lib/src/native/bindings/objectbox-c.dart:6289:41：错误：仅JS互操作成员可能是“外部”的。尝试删除“external”关键字或添加 JS 互操作注释。外部 ffi.Pointer<OBX_sync_change> 列表；^

../../flutter/.pub-cache/hosted/pub.dartlang.org/objectbox-1.1.0/lib/src/native/bindings/objectbox-c.dart:6292:16：错误：仅JS互操作成员可能是“外部”的。尝试删除“external”关键字或添加 JS 互操作注释。外部整数计数；^

无法编译应用程序。

我尝试用谷歌搜索，但找不到任何关于此的信息。有谁知道这是什么以及我该如何适应它？

我试图在 flutter web 应用程序中使用 Viedo 作为脚手架小部件的背景，但视频没有显示，尽管它在 android 中工作正常，但没有显示在 web 中，也没有给出任何类型的错误。

我正在使用这个插件来实现视频播放器https://pub.dev/packages/video_player

我的代码：

import 'package:flutter/material.dart';
import 'package:video_player/video_player.dart';
class Home extends StatefulWidget {
  @override
  _HomeState createState() => _HomeState();
}

class _HomeState extends State<Home> {
  VideoPlayerController? _videoPlayerController;

  @override
  void initState() {
    // TODO: implement initState
    super.initState();
    _videoPlayerController =
    VideoPlayerController.asset("assets/backgroundVideo.mp4")
      ..initialize().then((_) {
        _videoPlayerController!.play();
        _videoPlayerController!.setLooping(true);
        setState(() {});
      });
  }

  @override
  Widget build(BuildContext context) {
    return SafeArea(
        child: Scaffold(
          body: Stack(
            children: <Widget>[
              SizedBox.expand(
                child: FittedBox(
                  fit: BoxFit.fill,
                  child: SizedBox(
                    width: _videoPlayerController!.value.size.width ?? 0,
                    height: …