开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

Flutter Web应用程序，Firebase.auth不工作。尝试调用非函数，如null。'dart.global.firebase.auth‘

Flutter Web应用程序是使用Flutter框架开发的一种跨平台应用程序，可以在Web浏览器中运行。Firebase.auth是Firebase提供的身份验证服务，用于管理用户身份验证和授权。

在Flutter Web应用程序中，如果调用Firebase.auth时出现非函数的错误，如null，可能是以下几个原因导致的：

Firebase SDK未正确初始化：在使用Firebase服务之前，需要确保已正确初始化Firebase SDK。可以通过在应用程序的入口文件中调用Firebase.initializeApp()方法来完成初始化。确保在调用Firebase.auth之前已经完成了初始化。
Firebase SDK版本不兼容：确保使用的Firebase SDK版本与Flutter Web应用程序兼容。可以通过查看Firebase官方文档或FlutterFire文档来了解哪些版本是兼容的。
Firebase.auth未正确导入：在使用Firebase.auth之前，需要确保已正确导入Firebase.auth库。可以通过在Dart文件的顶部添加import 'package:firebase_auth/firebase_auth.dart';来导入Firebase.auth库。
Firebase项目配置错误：检查Firebase项目的配置是否正确。确保在Flutter Web应用程序中使用的Firebase项目的配置文件（如google-services.json）已正确放置，并且包含了正确的身份验证配置。
网络连接问题：确保设备可以正常访问互联网，并且没有任何网络连接问题。如果网络连接不稳定或存在防火墙等问题，可能会导致Firebase.auth无法正常工作。

针对以上问题，可以尝试以下解决方案：

确保已正确初始化Firebase SDK，并在调用Firebase.auth之前完成初始化。
检查Firebase SDK版本与Flutter Web应用程序的兼容性，并确保使用了兼容的版本。
确保已正确导入Firebase.auth库，并在使用Firebase.auth之前进行导入。
检查Firebase项目的配置是否正确，并确保配置文件已正确放置。
检查网络连接是否正常，并确保设备可以正常访问互联网。

如果问题仍然存在，可以参考腾讯云的云开发服务，该服务提供了类似于Firebase的云端身份验证服务，可以在Flutter Web应用程序中使用。具体可以参考腾讯云云开发的身份认证服务：https://cloud.tencent.com/product/tcb/authentication

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

(译)Dart2.12版本发布，可靠的空安全，dart:ffi正式投入生产

似乎很容易孤立地发现此错误，但实际上，即使是经过严格的代码审查过程（如Flutter主分支中所用的代码），这种代码也会无时无刻不在出现。出于安全考虑，静态分析会立即捕获此问题。...Google Pay小组在Flutter代码中发现了一些错误，这些错误会在尝试State在上下文之外访问Flutter对象时失败的Widget。...image 目前，使用dart create和flutter create不启用可靠的空安全创建的新程序包和应用程序。当我们看到大多数生态系统已经迁移时，我们希望在将来的稳定版本中对此进行更改。...这项准备工作很重要，因为我们建议按顺序迁移，以确保声音的安全性-您不应该在软件包或应用程序的所有依赖项都迁移之前就对其进行迁移。...快速浏览一下我们在语言设计渠道中正在尝试的一些事情：类型别名（＃65）：可以为非函数类型创建类型别名。

2.7K2 0

【老孟Flutter】Flutter 2 新增的功能

老孟导读：昨天期待已久的 Flutter 2.0 终于发布了， Flutter Web和Null安全性趋于稳定，Flutter桌面安全性逐渐转向Beta版！...因此，现在当您稳定地创建Flutter应用程序时，Web只是该应用程序的另一个设备目标。通过利用Web平台的众多优势，Flutter为构建丰富的交互式Web应用程序奠定了基础。...Sound Null Safety 空安全性是Dart语言的重要补充，它通过区分可空类型和非可空类型进一步增强了类型系统。这使开发人员能够防止null错误崩溃，这是应用程序崩溃的常见原因。...举例来说，假设您的应用中包含以下代码行：使用不推荐使用的参数创建Flutter小部件由于不赞成使用此构造函数的参数，因此应将其替换为以下内容：图片发布创建一个Flutter小部件，其中不推荐使用的参数已替换...LSP支持对Flutter开发进行了许多改进，包括能够在当前Dart文件中应用某种类型的所有修复程序，并使代码完成生成完整的函数调用（包括括号和必需的参数）的功能。

7.9K2 0

Flutter 3.3发布，带来新的预览版渲染引擎

作者 | Karsten Silz 译者 | 明知山策划 | 丁晓昀用户可以用谷歌 UI 框架 Flutter 基于一个代码库构建出原生编译的移动、Web 和桌面应用程序。...用户可以用谷歌 UI 框架 Flutter 基于一个代码库构建出原生编译的移动、Web 和桌面应用程序。谷歌刚刚发布了 Flutter 的 2022 年第 3 个版本，即版本 3.3。...现在在 iOS 上禁用了指针压缩，将更多的内存用于 Flutter 应用程序的非 Dart 部分。...Dart 于 2021 年 3 月推出了全面空安全性（Sound Null Safety），涵盖了应用程序和库。...用于调用本地 C API 的 Dart 外部函数接口（FFI）现在可以在 iOS 和 macOS 上与 Objective-C 和 Swift 代码交互。

1.4K3 0

【译】Flutter架构综述

框架会做繁重的工作，根据渲染对象树来决定哪些构建方法需要被调用（后面会详细介绍）。关于这个过程的更多信息可以在Inside Flutter主题中找到。...= null) current = ColoredBox(color: color, child: current); 相应地，图像和文本小组件可能会在构建过程中插入子小组件，如 RawImage...这是一个函数调用中的上下文，比如Theme.of(context)，并作为参数提供给build()方法。...FFI适用于除web以外的所有平台，在这些平台上，js包具有同等的作用。要使用FFI，你要为每个Dart和非托管方法签名创建一个typedef，并指示Dart VM在它们之间进行映射。...在开发的时候，Flutter web使用的是dartdevc，这是一个支持增量编译的编译器，因此允许应用程序的热重启（虽然目前还不能热重载）。

5.6K1 0

第132期：flutter的导航和路由

使用路由Router 具有高级导航和路由要求的Flutter应用程序（例如使用到每个屏幕的直接链接的web应用程序，或具有多个,或者嵌套导航Navigator组件的应用程序）应使用诸如go_router...同时使用Router和Navigator Router和Navigator在设计时就可以协同工作。...深度链接 Deep linking Flutter支持iOS、Android和web浏览器上的深度链接。打开URL会在应用程序中显示该屏幕。...在web上配置URL策略 flutter web 应用支持两种URL策略： hash模式。如：flutterexample.dev/#/path/to/screen. path模式。...配置起来也很简单，从flutter_web_plugins插件库导入usePathUrlStrategy方法，在入口函数中调用即可。

2K3 0

（译）Dart 2.13 类型别名、改进FFI、优化性能、Docker镜像支持

我们衷心感谢所有软件包开发人员这么快地完成这项工作，并帮助整个生态系统向前发展！有如此多的支持null安全的软件包，您很有可能开始迁移应用程序以使用null安全。...], age = json['age']; Json get json => { 'name': name, 'age': age, }; } 您还可以在命名类的类型别名上调用构造函数...在大型Flutter应用程序中，表示AOT编译的Dart程序的元数据的内部结构可能会占用相当大的内存。...以Flutter Gallery应用程序为例。在Android上，发布的APK包含调试信息为112.4 MB，不包含调试信息为106.7 MB（减少了5％）。这个APK包含很多资产。...通常，将Dart用于Flutter应用程序后端特别适合Google托管的无服务器平台Cloud Run的简单性和可伸缩性。这包括从零到零的比例，这意味着当后端不处理任何请求时，您不会招致费用。

2K2 0

Dart语言详解（一）——详细介绍

它旨在帮助开发人员构建现代的web和移动应用程序。它涵盖了客户机、服务器和现在的Flutter移动设备。它提供了一系列工具，包括虚拟机、核心库和包管理存储库。什么是Dart？...Dart 是由谷歌开发的通用的编程语言，它常用于构建web、服务器、桌面和移动应用程序。...重要的几个概念在Dart语言中，所有的东西都是对象，无论是变量、数字、函数、null等都是对象，所有的对象都是Object类的子类。...可以归结为以下的三个方面：优化内存 Flutter框架使用函数式流，它重度依赖底层内存分配器对小量的、短生命周期内存分配的有效处理，在缺乏这种特性的语言中Flutter无法有效地工作。...当然我们可以使用非面向对象的语言，这将意味着重复发明轮子来解决几个艰难的问题。此外，大多数的开发者已经拥有面向对象的开发经验，这使得Flutter开发更加易学。

1.3K2 0

Flutter2 来了！！！

Flutter的Web支持基于这些创新，提供了以应用程序为中心的框架，该框架充分利用了现代Web所提供的所有优势。...将现有的Flutter移动应用程序带到Web上，从而为两种体验启用共享代码。...已经提供了使用Flutter构建的Web应用程序的一些示例。在教育工作者中，iRobot以其流行的Root教育机器人而闻名。...，如Lottie，Sentry和SVG，以及Flutter Favorite软件包，如sign_in_with_apple，google_fonts，geolocator和sqflite。...如果您还没有尝试过Flutter，我们认为您会发现它对您的应用程序开发体验而言是一次重大升级。

3.2K2 0

Dart语言详解（一）——详细介绍

它旨在帮助开发人员构建现代的web和移动应用程序。它涵盖了客户机、服务器和现在的Flutter移动设备。它提供了一系列工具，包括虚拟机、核心库和包管理存储库。什么是Dart？...Dart 是由谷歌开发的通用的编程语言，它常用于构建web、服务器、桌面和移动应用程序。...重要的几个概念在Dart语言中，所有的东西都是对象，无论是变量、数字、函数、null等都是对象，所有的对象都是Object类的子类。...可以归结为以下的三个方面：优化内存 Flutter框架使用函数式流，它重度依赖底层内存分配器对小量的、短生命周期内存分配的有效处理，在缺乏这种特性的语言中Flutter无法有效地工作。...当然我们可以使用非面向对象的语言，这将意味着重复发明轮子来解决几个艰难的问题。此外，大多数的开发者已经拥有面向对象的开发经验，这使得Flutter开发更加易学。

1.1K0 0

【译】Flutter 1.20 发布

个 Flutter samples 作为他的 Google Summer of Code 项目的一部分）； a14n 的 13个PR（其中许多用于为 Flutter 的 landing null safety...以上一个版本为示例，此版本修复了 icon font tree shaking 时的工具性能问题，并在构建非 Web 应用程序时font tree shaking 为默认行为。...该 InteractiveViewer 设计用于建设普通类型的交互性到应用程序，如: 平移，缩放和拖动“N”下降甚至大小调整，其中类似这种简单的棋盘。 ?...image 如果您想使用它，这是一个使用 Flutter构建的有趣的 Web 演示。...使用Pigeon，你可以在直接调用 Dart 方法的情况下调用 Java / Objective-C / Kotlin / Swift 类方法并传递非基本数据对象，而无需在平台通道上手动匹配方法字符串和序列化参数

4K1 0

Flutter与Dart 入门

Flutter是什么 Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。...原生性能 Flutter包含了许多核心的widget，如滚动、导航、图标和字体等，这些都可以在iOS和Android上达到原生应用一样的性能。...您可以在Flutter应用程序运行时对其进行更改，重新加载应用程序的代码，将其从之前的操作位置继续下去。一次热重载通常用不到一秒钟。...Dart致力于客户端开发，非常适合移动和Web应用程序。...length); // null print(str2.length); // 报错 ..运算符（级联操作）使用..调用某个对象的方法（或者成员变量）时，返回值是这个对象本身，这样就能方面实现链式调用

1.3K2 0

Flutter 流体滑块

它显示了如何在flutter应用程序中使用flutter_fluid_slider软件包来工作流体滑块传送带。它显示了具有不同颜色的三流体滑块，并为用户使用了不同的工作属性。它会显示在您的设备上。...当我们运行应用程序时，我们应该获得屏幕的输出，如屏幕下方的截图所示。 img 现在，我们将创建另一个FluidSlider（）。...当我们运行应用程序时，我们应该获得屏幕的输出，如屏幕下方的截图所示。 img 现在，我们将创建第三个“流体”滑块。...可以通过多种方式和特性将这些滑块用于Flutter应用程序。运行应用程序时，我们应该获得屏幕的最终输出，如下。...一些流体滑块属性，制作一个工作流体滑块的演示程序，并在flutter应用程序中使用flutter_fluid_slider软件包显示三个具有不同颜色和属性的滑块。因此，请尝试一下。

11.7K2 0

学一学Flutter新的导航和路由系统

阅读大概需要9分钟本文介绍了flutter中Navigator和RouterAPI是如何工作的。...Navigator 2.0 Navigator 2.0 API 在框架中添加了新类，以使APP的页面成为APP state的一个函数，并提供解析来自底层平台的路由（如 Web URL）的能力。...最终会完成一个可以与 URL 栏保持同步的app，并处理来自应用程序和浏览器的后退按钮按下，如下面的 GIF 所示：接下来，创建一个带有 web 支持的新 Flutter 项目并将其中的内容替换lib...每当Navigator.pop()调用都会触发此函数。...一般用于更新状态（如页面列表），并且必须调用didPop路由来确定弹出是否成功： onPopPage: (route, result) { if (!

4.5K4 0

你的Flutter应用该考虑迁移代码了：Dart 3将在2023年成为100%健全的空安全语言

它被用于构建 Web、服务器、桌面和移动应用程序。” 在 2011 年 10 月 10 日的 GOTO 大会上，谷歌的两位工程师发布了“Dart”，旨在帮助开发者构建 Web 应用程序。...举例来说，泛型类型可能导致声明包含非 null 元素的列表中流入 null 值。...为了降低迁移门槛，Dart 支持以三种方式运行应用程序代码，首先，可以在不启用 null 安全的前提下运行，也可以在启用部分 null 安全的混合模式下运行，最后可以在采取健全 null 安全的情况下运行...目前，德国汽车制造商宝马公司最近刚刚对其 MyBMW 应用进行了一轮 null 安全代码修订。这是一款由约 300 人开发者团队用 Flutter 构建的大规模应用程序。...如此一来，Flutter Web 应用程序就能在浏览器中以本机代码的形式运行。

1.2K2 0

Flutter Widget框架之旅顶

你好，世界最小的Flutter应用程序只需使用一个小部件调用runApp函数： import 'package:flutter/material.dart'; void main() { runApp...在Flutter中，这两种类型的对象具有不同的生命周期。小部件是临时对象，用于构建当前状态下的应用程序演示文稿。另一方面，State对象在调用build()之间是持久的，允许它们记住信息。...在更复杂的应用程序中，小部件层次结构的不同部分可能对不同的问题负责; 例如，一个小部件可能呈现一个复杂的用户界面，其目标是收集特定信息（如日期或位置），而另一个小部件可能会使用该信息来更改整体呈现。...我们将与一个假设的购物应用程序一起工作，该应用程序显示出售的各种产品，并维护用于预期购买的购物车。...initState的实现需要通过调用super.initState来启动。当一个状态对象不再需要时，框架在状态对象上调用dispose。您可以覆盖dispose函数来执行清理工作。

6.7K2 0

阿里卖家 Flutter for Web 工程实践

App外资讯推广需要一个承载内容Web页面，对该Web页面的要求如下：复刻App端相关页面的 UI、功能（主要包含一个dart编写的自定义html解析渲染引擎）【主要工作量】快速上线 App端功能同步...平台相关插件平台相关的插件会调用 Native 的能力，要在 FFW 上使用 FFA 中的插件，需要为插件在 Web 平台实现相应的能力，下文 js 调用部分会进行说明。...如果使用的是pub.dev 中的库，且该库满足如下条件则可直接使用相应的版本：代码库有 Web 版本发布的版本中有支持 Null safety 的版本（支持 Web 也会支持这个）支持 Web...Mtop接口鉴于 App 端现有 Mtop （阿里App使用的一种网关）的建设，如果能在 FFW 中调用现有的 Mtop 将可以减少很多的工作量。...为此需要为 FFW 添加 Mtop 调用的能力，要完成这个工作需要两部分的工作： FFW 端支持 Mtop 调用服务端支持 H5 方式的 Mtop 调用 FFW 支持 Mtop 通过调用 mtop.js

1541 0

Flutter 1.22 正式发布

您可以在iOS 14上尝试使用Flutter的另一个功能是App Clips，它是iOS 14的一项新功能，它支持10MB以下轻量级应用程序的快速，无安装应用程序执行。...当用户选择一种颜色时，我们通常会调用setState（）来向Flutter表示您希望再次调用build（）方法，该方法现在会创建一个堆栈，其顶部是ColorScreen。...此时，Android将终止并恢复您的应用程序，因此您可以查看一切是否按预期工作。 ? 尽管我们很高兴将状态恢复的预览版放在您的手中，但还有更多工作要做。...滚动时，这种不匹配会导致性能下降。...Flutter的惊人发展速度意味着我们能够为iOS和Android实施屡获殊荣的设计，并且还可以发布到Web上—及时锁定！通常，这实际上是不可能的。

7.5K2 0

为什么Flutter会选择 Dart ？

有了Flutter，这不再存在。 Flutter的热重载也使得尝试新想法或尝试替代方案变得更加容易，从而为创意提供了巨大的推动力。到目前为止，我们讨论了Dart给开发人员带来的好处。...Dart中的线程称为isolate，不共享内存，从而避免了大多数锁。isolate通过在通道上传递消息来通信，这与Erlang中的actor或JavaScript中的Web Worker相似。...不，Dart（如Flutter）是完全开源的，具备清楚的许可证，同时也是ECMA标准的。Dart在Google内外很受欢迎。...作为直接证据，Google内部的一个大型项目希望将其移动应用程序移植到iOS。他们即将聘请一些iOS程序员，但转而决定尝试Flutter。他们监测了让开发者上手Flutter需要多长时间。...无论他们是来自Web、iOS还是Android，我们现在都希望接受最佳人选。现在我们拥有3倍的工作效率，因为我们所有的团队都集中在一个代码库上。知识共享达到前所未有的高度。

2.1K3 0

Flutter为什么使用Dart？

编译并执行Dart 在研究Dart之前，Dart团队的成员已经在高级编译器和虚拟机上进行了开创性的工作，既针对动态语言（如JavaScript 的V8引擎，针对Smalltalk的Strongtalk）...这允许在移动应用程序和Web应用程序之间重复使用代码。开发人员报告说，他们的移动和Web应用程序之间的代码复用率高达70％。...Flutter的热加载功能使尝试新想法或尝试替代方法变得容易得多，极大地促进了创造力。...不，Dart（如 Flutter）是完全开源的，具备清楚的许可证，同时也是 ECMA 标准的。Dart 在 Google 内外很受欢迎。...作为直接的证据，Google内部的一个大型项目希望将其移动应用程序移植到iOS。他们打算雇用一些iOS程序员，但决定尝试Flutter。他们监控了使开发人员快速掌握Flutter所花费的时间。

1.5K2 0

Flutter 2 正式出道（一）

通过利用Web平台的众多优势，Flutter为构建丰富的交互式Web应用程序奠定了基础。 Flutter团队主要专注于性能和渲染保真度的改进。...空安全(Sound Null Safety) 安全是Dart语言的重要补充，它通过区分可空类型和非可空类型进一步增强了类型系统。...这使开发人员能够防止null错误崩溃(NPE)，这是应用程序崩溃的常见原因。通过将空检查合并到类型系统中，可以在开发过程中捕获这些错误，从而防止生产崩溃。...pub.dev上已经有超过1000支持空安全的开发包了，所以大家可以开始尝试升级到Flutter 2了。如果你是开发包的作者，可以参见迁移指导并开始为你的开发包提供对空安全的支持。...这意味着Flutter已经准备好让你尝试一下用FLutter开发一下桌面应用：你可以把Flutter Desktop视为“ beta快照”，以此来预览将于今年晚些时候发布的最终稳定版本。

1.5K1 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭