首页
学习
活动
专区
圈层
工具
发布

Flutter Web: google_sign_in_web:适用于桌面和iOS。在Android Chrome上失败

Flutter Web是一种使用Flutter框架开发的跨平台解决方案,可以将Flutter应用程序运行在Web平台上。google_sign_in_web是Flutter的一个插件,用于在Web平台上实现Google登录功能。该插件适用于桌面和iOS平台,但在Android Chrome上可能会遇到一些问题。

在Android Chrome上失败可能是由于以下原因之一:

  1. 浏览器设置问题:请确保在Android Chrome浏览器中启用了Cookie和JavaScript,并且没有任何阻止Google登录的浏览器插件或扩展程序。
  2. 网络连接问题:请检查设备的网络连接是否正常,确保可以正常访问Google服务器。
  3. Google API配置问题:在使用google_sign_in_web插件之前,您需要在Google开发者控制台中创建一个项目,并为该项目启用Google登录API。确保您正确配置了Google API密钥和OAuth 2.0客户端ID,并将其与您的Flutter应用程序关联。
  4. Flutter插件问题:google_sign_in_web插件可能存在一些问题或不完全支持某些特定的Android Chrome版本。您可以尝试更新插件版本或查看Flutter社区中是否有其他用户报告了类似的问题。

总结起来,如果在Android Chrome上使用google_sign_in_web插件失败,您可以尝试检查浏览器设置、网络连接、Google API配置以及插件版本等方面的问题。如果问题仍然存在,您可以尝试在Flutter社区中寻求帮助或寻找其他解决方案。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Flutter 120hz 高刷新率在 Android 和 iOS 上的调研总结

-一加LTPO 2.0上手体验》 所以这也造就了 Flutter 需要在 Android 和 iOS 上进行单独适配的主要原因。...也就是问题最开始是在一加的 90 fps 上不支持,而社区通过和一加的沟通得到的回复是: 一加7 Pro 为了平衡性能和功耗,采用的是基于 Android 定制自己的帧率控制逻辑,一般屏幕会以高帧率工作...ProMotion 的设备上会设置为显示器支持的最大刷新率; 在 iOS 15 及更高版本上,还增加了设置帧率范围,其中 preferred 和 max 均为屏幕支持的最大值,min 为最大值的...iOS 会自动为 App 中所有自定义动画内容启用120Hz刷新率,所以会出现一个神奇的情况: 在 iOS 15.4 上, App 可以兼容得到 120Hz 动画; 在 iOS 15.4 之前,部分动画支持...ProMotion; 四、最后 可以看到就目前来说,高刷对于 Flutter 仍旧是一个挑战,作为独立渲染引擎,这也是 Flutter 无法逃避的问题,就目前情况来看: 在 Android 上你不需要做任何调整

3.2K30

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

作者 | Karsten Silz 译者 | 明知山 策划 | 丁晓昀   用户可以用谷歌 UI 框架 Flutter 基于一个代码库构建出原生编译的移动、Web 和桌面应用程序。...用户可以用谷歌 UI 框架 Flutter 基于一个代码库构建出原生编译的移动、Web 和桌面应用程序。谷歌刚刚发布了 Flutter 的 2022 年第 3 个版本,即版本 3.3。...Flutter 从一开始就使用 Skia 作为它的图形引擎。Skia 支持 Chrome、Firefox、Android、ChromeOS 等。...相比之下,Impeller 是为 Flutter 定制的,“充分利用了现代硬件加速图形 API,如 iOS 上的 Metal 和 Android 上的 Vulkan。”...用于调用本地 C API 的 Dart 外部函数接口(FFI)现在可以在 iOS 和 macOS 上与 Objective-C 和 Swift 代码交互。

1.5K30
  • Flutter 3更新详解

    这适用于许多用例,包括以下常被开发者们提及的场景: 启动画面。 加载指示器。 在 Flutter 应用之前显示的纯 HTML 交互式加载页。...现在,iOS 设备和较新版本的 Android 设备上都已实现在单一矩形脏区出现时进行局部重绘。 我们 进一步提升 了简单用例中不透明度动画的性能。...在开源贡献者 JsouLiang 的努力下,引擎的光栅和界面线程在 Android 和 iOS 上的运行优先级已经高于其他线程 (比如 Dart VM 的后台垃圾回收线程)。...Impeller 我们一直致力于解决 iOS 和其他平台上的早期卡顿问题。在 Flutter 3 中,您可以在 iOS 上预览一个名为 Impeller 的实验性渲染后端。...这意味着 Flutter 的光栅线程无需等待 Android 视图渲染。现在,Flutter 引擎使用它管理的 OpenGL 纹理将视图显示在屏幕上。

    4K20

    flutter的安装与配置

    在安装之前和大家罗嗦几句, 什么是flutter Flutter是一个开源软件开发工具包 (SDK),用于“帮助开发者通过一套代码库高效构建多平台精美应用,支持移动、Web、桌面和嵌入式平台”。...这样可以使您的公司和团队节省大量时间和精力。 那么,这究竟是什么意思?假设我们有一位开发人员创建了一个惊人的应用程序,并且人们喜欢它。但是,该应用程序仅在 Android上受支持。...安装 官方网站上提供了完整的安装说明: 安装flutter 安装flutter中文网地址 如果您想在 Android 和 iOS 上构建 Flutter 应用程序,您需要安装相应的 SDK,以及 Android...注意:您只能在 macOS 系统上为 iOS 开发 Flutter 应用程序。如果您使用的是 Windows,则只能为 Android 构建。...To resolve this, run: flutter doctor --android-licenses [√] Chrome - develop for the web [√] Visual Studio

    2.1K20

    Flutter基础篇(8)-- Flutter for Web详细介绍

    Flutter团队的目标是把Web与​​iOS和Android一起添加到Flutter SDK中的第一层平台。此存储库中的代码提供实现(几乎)整个Flutter API的纯Web包。...Flutter for Web架构图 Flutter框架(上图中的绿色部分)在移动和网络产品之间共享。...(2)适用于开发(测试)环境的JavaScript编译器:dartdevc dartdevc: 它提供渐进式编译和热启动。你可以编辑Dart文件,在Chrome中刷新,并立即查看文件修改后的结果。...4.在现有的Flutter CLI和IDE集成下统一Web开发工具。 5.使用DevTools调试Web应用程序。 6.改进性能,浏览器支持和可访问性。...3.桌面用户界面的互动并不完全很友好,因此flutter_web即使在桌面浏览器上运行,构建的用户界面也可能像移动应用程序一样。

    3.3K10

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

    老孟导读:昨天期待已久的 Flutter 2.0 终于发布了, Flutter Web和Null安全性趋于稳定,Flutter桌面安全性逐渐转向Beta版!...平台自适应应用程序:Flutter Folio示例 现在,Flutter 支持生产应用三个平台(Android,iOS设备和Web)和三个测试版(在Windows,MacOS和Linux)的,一个自然的问题是...图片发布 除了适用于iOS的功能外,在着色器和动画方面,我们还将继续总体上研究iOS和Flutter的性能改进。iOS仍然是Flutter的主要平台,我们将继续努力带来重要的新功能和性能改进。...生态系统更新 Flutter的开发经验不仅包含框架和工具,还包括其他内容。它还包括适用于Flutter应用程序的各种软件包和插件。自上一次Flutter稳定版本发布以来,该领域也发生了很多事情。...图片发布 Sentry崩溃报告工具现在支持Flutter 借助Sentry的Flutter SDK,您可以实时收到在Android,iOS或本机平台上发生的错误的通知。

    9.4K20

    自绘引擎时代,为什么Flutter能突出重围?

    导语 | Flutter 框架是当下非常热门的跨端解决方案,能够帮助开发者通过一套代码库高效构建多平台精美应用,支持移动、Web、桌面等多端开发。...在移动互联网的浪潮下,开发效率和使用体验可以说是同等重要。但是,使用原生的方式来开发 App,就要求我们必须针对 iOS 和 Android 这两个平台分别开发。...开发者可以通过 Dart 语言开发 App,一套代码可以同时运行在 iOS 和 Android 平台。...也就是说,Skia 保证了同一套代码调用在 Android 和 iOS 平台上的渲染效果是完全一致的。 同样的在界面渲染、绘制的过程中,Flutter也做了很多优化处理,提升合成、渲染效率。 3....(8)更高的潜力 iOS、Android、Web、Desktop… 三、Flutter 与 React Native (Hippy) 1.

    8.5K20357

    客户端软件GUI开发技术漫谈:原生与跨平台解决方案分析

    electron都成千上万个成熟项目在桌面里用了,什么flutter,javafx,swiftui,目前还是无法比 electron和node-webkit(现在叫nw.js)的区别: 。...Xamarin Xamarin ['zæmərɪn]是一个开放源代码平台,用于通过 .NET 构建适用于 iOS、Android 和 Windows 的新式高性能应用程序。...Flutter flutter 其实就是一套谷歌开源的跨平台 UI 开发框架,支持 Android 和 iOS ,并且目前开始支持 Web 和 MacOS,未来还会继续支持 Win和 Linux 平台的一套...在 Android上,v8的 Native Binding可以很好地实现,但是 iOS上的 JavaScriptCore不可以,所以如果使用 JavaScript,Flutter 基础框架的代码模式就很难统一了...Skia是一个 2D的绘图引擎库,其前身是一个向量绘图软件,Chrome和 Android均采用 Skia作为绘图引擎。

    15.7K30

    Flutter 1.5 来袭,支持Web , 桌面,嵌入式开发

    2019年3月发布1.2,宣布支持Web Flutter 跨多端支持 5月7日 , Google i/O大会 官方宣布,Flutter 1.5 预览版来了,已支持移动、Web、桌面和嵌入式设备,也意味着它正式成为了支持多平台的轻量级...Flutter for Mobile Flutter for Android & iOS 这个不用多说,很多读者们肯定已经体验了,并且做过实践的不少,官方也出了一些资料和wiki. 不在介绍。...在内的 Google 智能显示平台提供支持,并通过结合 Chrome OS 为桌面级应用程序提供支持迈出第一步。...开发者可以 使用 Flutter 的所有特性而无需浏览器插件,以前 Flutter 的使命是为开发 iOS 和 Android 移动应用程序提供最优秀的UI 框架。...得益于主流浏览器如 Chrome, Safari 等的快速发展,可以实现将 Flutter 框架带到 Web 上的可行性。

    1.8K30

    开发一款简易APP

    • macOS 13.0 22A380 darwin-arm64 • Chrome (web) • chrome • web-javascript • Google Chrome 124.0.6367.119...要在 Android 和 iOS 设备上安装 Flutter 应用程序,需要先将应用程序打包为相应的安装包格式,即 APK(Android)和 IPA(iOS)。...我用的是传到天翼云盘上面 在 iOS 上安装应用程序: 在 iOS 上安装应用程序比较复杂,因为苹果设备上的应用程序必须经过苹果的审核和签名过程才能安装。...在 Xcode 中运行你的应用程序,它将自动在设备上安装。 这种方法只适用于开发者,并且需要使用 Xcode。...可以将应用程序上传到这些服务,并获取一个安装链接,然后在设备上打开链接以安装应用程序。 无论选择哪种方法,都需要注意 iOS 平台的限制和审核流程。

    74710

    千秋万代,一统江湖——Flutter for All Screens

    在好奇心的作祟下,我尝试着利用Flutter在一些平台上运行了一些demo,本文便是记录我利用Flutter实现了移动端、桌面端和Web端的过程,由于移动端应用的demo网上教程很多,所以本文尽快略过,...重点将放在桌面端和web端。...Flutter for Mobile 初次了解到Flutter的时候便是一个横跨iOS和Android两个平台的框架,无论是在Mac/Linux还是Windows上搭建Flutter的开发环境都很简单,...项目,然后启动iOS/Android模拟器,选中要运行的模拟器,直接运行Flutter项目即可。...参考文章 在 macOS 上运行 Flutter 桌面端项目 在 macOS 上安装和配置 Flutter 开发环境 Flutter for Desktop: Create and Run a Desktop

    2.5K40

    玩过Tauri和Electron,最终我选择Flutter进行跨平台应用开发

    一、Flutter Flutter 是 Google 推出的一款开源的 UI 工具包,用于构建高性能、高保真度的移动、Web 和桌面应用程序。...Flutter 支持跨平台开发,可以在 Android、iOS、Web 和桌面上运行,你没看错,真正的全平台啊,可谓是一网打尽。...Flutter 社区插件也非常丰富 ,https://pub.dev/,基本上你能想到的所有插件他都有,就是算没有,自己懂Android和iOS开发,封装一个也非常简单,都有套路模版。...不过,相信随着Google的版本迭代,这些问题很快被解决,Flutter也将成为一款真正意义上横跨pc、mobild和桌面的跨平台解决方案。...Electron 的文档和社区支持非常丰富,可以快速解决问题。 Electron 的跨平台支持非常广泛,可以在 Windows、macOS 和 Linux 上运行,很遗憾也没有移动端。

    2.8K20

    鸿蒙NEXT时代你所不知道的全平台跨端框架:CMP、Kuikly、Lynx、uni-app x等

    4)0.77 之后才支持 Google Play 的 16 KB 要求5)可用性集中在 Android 和 iOS ,鸿蒙适配和维度成本更高6)小程序能力支持和客户端存在一定割裂7)····事实上, RN...后端;4)在 Android JVM 模式和 iOS 的 KN 模式下,第三方包适配的难度略高;5)hotload 暂时只支持 PC;6)桌面内存占用问题;7)没有官方热更新条件;8)kjs、kn、kjvm...其次:就是对 Web 前端开发友好,对客户端而言学习成本较高,并且按照目前的开源情况,除了 Android、iOS 和 Web 的类 RN 实现外,其他平台的支持和自绘能力尚不明确:最后:Lynx 的开发环境最好选...而在 UI 上,目前除了编译为 ArkUI 之外,Android 和 iOS 其实都是编译成原生体系,目前看在 Android 应该是编译为传统 View 体系而不是 Compose ,而在 iOS 应该也是...swift 模式,核心是因为插件生态,官方表示 js 模式可以大幅降低插件生态的建设难度, 插件作者只需要特殊适配 Android 版本,在iOS和Web端仍使用 ts/js 库,可以快速把 uni-app

    33810

    Flutter 与 React Native - 详细深入对比分析(2024 年)

    您可以使用 React Native 开发移动、Web 和桌面应用程序。React Native 和 Flutter 最大的区别Flutter 在自己的画布上渲染所有组件。...跨平台能力React Native允许开发者为iOS和Android以及通过React构建Web应用。...使用Flutter,您可以开发适用于Web、macOS、Windows、Linux、Android、iOS以及嵌入式系统(例如,汽车中的信息娱乐系统)的应用。...一些新功能在本地iOS和Android上可用,更容易在本地应用程序中实现。结论:React Native 比 Flutter 好吗?...实际上,该工具允许开发者从单一代码库构建桌面、移动和Web应用。Flutter是原生还是混合框架?Flutter是一个用于开发具有原生UI组件的混合或跨平台移动应用的SDK。

    3.1K01

    App、H5、PC应用多端开发框架Flutter 2发布

    使用Flutter 2,您可以使用相同的代码库将本机应用程序发送到五个操作系统:iOS、Android、Windows、macOS和Linux;以及针对Chrome、Firefox、Safari或Edge...仅在Play Store上就已经有超过150000个Flutter 应用程序,每个应用程序都可以免费升级到Flutter 2,因为它们现在可以扩展到桌面和web而无需重写。...谷歌支付(googlepay)还报告称,他们的工程师效率要高得多,技术债务大幅减少,iOS和Android的安全审查和实验等统一发布流程。...Flutter Plasma是社区成员Felix Blaschke制作的一个演示,它展示了用Dart和Flutter构建复杂的web图形体验的简易性,这种体验也可以在桌面或移动设备上本地运行。...由于桌面浏览器和移动浏览器一样重要,我们增加了交互式滚动条和键盘快捷键,增加了桌面模式下的默认内容密度,并增加了对Windows、macOS和Chrome操作系统的屏幕阅读器支持。

    9.9K30

    设计、开发一个 Flutter Plugin 的实践心得

    Flutter 如何调用原生代码 我们要做的是在 Flutter 上实现实时音视频。那么在开始具体的工作之前,首先需要了解 Flutter 是如何调用诸如“获取媒体设备”这类原生平台 API 的。...Firefox/Chrome/Safari 变为了 Windows/iOS/Android 等。...语言在 WebRTC 的标准上实现音视频通信逻辑),我们选择采用这个方案,因此读者可能会发现这个 Flutter SDK 整体上不少概念上更接近于声网 Web 平台的音视频 SDK 一些。...我们此前分享过的 demo 已经成功和已有的声网 Android/iOS/Web SDK 进行互通,相应的代码也许将在不久未来进行开源。...Web 开发者,还是追求更高的开发效率和更好的开发体验的原生开发者来说,Flutter 都是一个非常适宜的切入角度,值得在新的一年里加入自己的技术栈中。

    2.1K30

    牛赞:音视频前端跨平台技术应用

    Flutter引擎已经完成了桥接通道,用户只需在通信层编写底层的IOS/Android代码就可以在Flutter Dart中直接使用。 2....PlatformView:主要适用于Flutter中不太容易实现的组件,如Webview、视频播放器、地图等,给Flutter提供了嵌入Android和IOS平台原生view的能力。...Flutter音视频未来展望 目前Flutter主要应用在移动端iOS/Android双端,Flutter愿景是成为一个多端运行的UI框架,能够支持不仅仅是移动端,还包括Web端和桌面端(MacOS/...Flutter不适用于web端常见的以文档为中心的瀑布流式的场景。...目前我们的SDK在dev测试版上也开放了对Web的支持,跟Native的对比多了一层Web兼容层,主要为了兼容Flutter Native API设计,实际上Web和Native的通信并不依赖于消息通道

    2.9K10

    Flutter 完成全平台制霸:实现 Windows 应用支持

    Flutter 最初是应用于 iOS 和 Android 应用开发的,后扩展到了 Web、macOS 和 Linux,现如今也可以开发 Windows 应用了,补齐了全平台的最后一块拼图。...今年 7 月 8 日谷歌发布了 Flutter 在 Linux 上的第一个 Alpha 版本。而现在,谷歌宣布 Flutter 在 Windows 上的 Alpha 版本正式发布。...Flutter 最初是为 Android 和 iOS 应用开发而设计的,但此后已扩展到了 Web、macOS 和 Linux 几大平台上,目前这些平台的分支都处于 Alpha 或 Beta 版本状态。...在智能手机上,人们通常使用基于触摸和滑动的手势,而键盘和鼠标通常是 PC 和笔记本电脑上的标配。这意味着 Flutter 必须扩展其支持范围以涵盖其他输入选项。...适用于 Windows 的 Flutter 在 Windows 机器上安装 Flutter SDK 之后,你需要在路径中包含 Flutter 目录的控制台窗口中,运行以下命令以查看是否需要任何平台依赖项来完成设置

    71840

    Flutter2 来了!!!

    借助Flutter 2,您可以使用相同的代码库将本机应用程序发布到五个操作系统:iOS,Android,Windows,macOS和Linux; Windows Vista,Windows XP和Windows...Google Pay还报告说,其工程师的效率要高得多,技术债务大大减少,统一发布流程(如跨iOS和Android的安全性审查和试验)得以实现。...Flutter Plasma是由社区成员Felix Blaschke构建的演示,展示了使用Dart和Flutter构建复杂的Web图形体验的简便性,这些体验也可以在桌面或移动设备上本地运行。...首先,Canonical与我们合作将Flutter带入桌面,工程师们贡献了代码来支持Linux上的开发和部署。在今天的活动中,Ubuntu团队展示了由Flutter重写的新安装程序的早期演示。...在Surface工程团队的博客文章中,他们展示了他们的工作,并邀请其他人加入他们,共同完成适用于Surface Duo和其他设备的高质量实现。 ?

    3.8K20

    Flutter3.0新特性全接触

    ,在所有三个桌面平台上都得到完全支持,包括第三方输入法,如搜狗和谷歌日文输入。...Sunsetting 32-bit iOS/iOS 9/iOS 10 正如我们在2022年2月宣布的2.10稳定版,Flutter对32位iOS设备和iOS 9和10版本的支持即将结束。...A splash screen A loading indicator 在Flutter应用程序之前显示的普通HTML交互页面 欲了解更多信息,请查看docs.flutter.dev上的自定义Web应用初始化...由于开源贡献者JsouLiang的工作,引擎的光栅和UI线程现在在Android和iOS上的运行优先级高于其他线程;例如,Dart VM后台垃圾收集线程。...Impeller 该团队一直在努力工作,以解决iOS和其他平台上的早期jank问题。在Flutter 3版本中,你可以在iOS上预览一个名为Impeller的实验性渲染后端。

    2.7K40
    领券