是否可以在浏览器中运行flutter移动应用程序？
是的，可以在浏览器中运行Flutter移动应用程序。Flutter是一种跨平台的移动应用开发框架，可以使用Dart语言编写应用程序。Flutter提供了一个名为Flutter Web的功能，可以将Flutter应用程序编译为Web应用程序，使其可以在现代浏览器中运行。
优势：
- 跨平台：Flutter可以同时在iOS、Android和Web平台上运行，开发者只需编写一套代码即可实现多平台的应用程序。
- 快速开发：Flutter具有热重载功能，可以实时查看应用程序的更改，加快开发速度。
- 漂亮的用户界面：Flutter提供了丰富的UI组件和动画效果，可以创建出精美、流畅的用户界面。
- 高性能：Flutter使用自绘引擎，可以实现接近原生应用的性能。
- 强大的开发工具：Flutter提供了丰富的开发工具和插件，可以提高开发效率。
应用场景：
- 移动应用程序：Flutter可以用于开发各种类型的移动应用程序，包括社交媒体应用、电子商务应用、新闻应用等。
- 响应式Web应用程序：通过Flutter Web，可以将Flutter应用程序直接编译为Web应用程序，实现在浏览器中运行的响应式应用程序。
- 嵌入式系统：Flutter可以用于开发嵌入式系统的用户界面，如智能家居控制面板、智能手表等。
推荐的腾讯云相关产品： 腾讯云提供了一系列与移动应用开发和部署相关的产品和服务，包括：
- 云服务器（CVM）：提供可扩展的虚拟服务器，用于部署和运行Flutter应用程序。
- 云数据库MySQL版（CDB）：提供高性能、可扩展的关系型数据库服务，用于存储应用程序的数据。
- 云存储（COS）：提供安全可靠的对象存储服务，用于存储应用程序的静态资源文件。
- 云函数（SCF）：提供事件驱动的无服务器计算服务，用于处理应用程序的后端逻辑。
- 云安全中心（SSC）：提供全面的安全监控和防护服务，保护应用程序的安全。
更多关于腾讯云产品的介绍和详细信息，请访问腾讯云官方网站：https://cloud.tencent.com/
相关·内容
我的最终目标是将Flutter移动应用转换为Flutter web应用。我在Flutter移动应用程序中使用了flutter_svg，但在Flutter web应用程序中不工作。 Flutter web的替代插件是什么？ 下面是我使用flutter run -d chrome在chrome中运行项目时出现的错误。 The following UnimplementedError was thrown during paint():
UnimplementedError
The relevant error-causing widget was:
RawPicture
file://
浏览 47提问于2020-07-17得票数 5
回答已采纳
1回答
我想知道有没有办法从flutter web调用特定于平台的代码。
基本上，我已经在flutter项目中集成了android SDK，我可以使用项目生成的APK中的Method Channel成功地与SDK通信，但当我在flutter web项目中运行项目时，无法与SDK通信。
浏览 0提问于2021-11-17得票数 0
2回答
我正在用Flutter 2插件运行Android Studio 4.1.1，但是我无法通过在运行窗口中按下DevTools的图标或者从flutter检查器中的更多动作弹出窗口中选择Open DevTools来打开它，结果总是一个空白的网页。我在iOS模拟器上有一个正在运行的移动应用程序，但我不知道这是否会有所不同。 Flutter版本详细信息： Flutter 2.0.1 • channel stable • https://github.com/flutter/flutter.git
Framework • revision c5a4b4029c (11 days ago) • 2021-
浏览 197提问于2021-03-15得票数 2
1回答
根据
Reactinative就是使用React为安卓和iOS创建本地应用程序的。
但我对反应本土网站感到困惑。根据
“”使使用React在web上运行和API成为可能。
我不明白！
这是否是一个官方支持的库，由React本机编译本机移动应用程序，就像Web应用程序从相同的代码库运行一样，就像我们在Flutter中所做的那样？
浏览 4提问于2020-07-19得票数 1
回答已采纳
2回答
颤振3.0真是太棒了!！
我可以制作一个网络应用程序，android & iOS移动应用程序，以及一个本地Mac应用(等等)，所有这些都来自于一个代码库。
但现在我的问题是:如何指定要构建和运行哪个操作系统？
当我在flutter run或debug>run中使用VSCode时，它将首先构建--用于和运行--我的安卓设备，如果它插上电源，或者作为Mac应用程序运行。我想把它作为Web运行。更普遍的情况是，我希望指定要构建和运行哪个操作系统。
flutter run命令行选项和VSCode设置(最好不干扰launch.json，否则看起来很容易)。
浏览 4提问于2022-07-28得票数 1
1回答
我有一个工作的移动应用程序，并希望它成为一个网络应用程序。我已经运行了颤振创建，但当我运行它在网上，它给我一个空白的屏幕。我不知道如何让我的手机应用程序显示在屏幕上。
我是否需要在我的终端中更改代码或运行其他命令？我不知道该怎么办。这里是我的终端中的输出
Recreating project ....
web\favicon.png (created)
web\icons\Icon-192.png (created)
web\icons\Icon-512.png (created)
web\index.html (created)
web\manifest.json
浏览 0提问于2021-09-23得票数 1
是否可以使用web flutter创建管理面板，并在移动flutter应用程序中使用它？
什么是最适合管理小组的？flutter web还是php？
浏览 6提问于2020-05-09得票数 1
回答已采纳
我将在vs代码中编写颤振网页。在创建颤振应用程序之前，我已经输入了以下命令。
flutter channel beta
flutter upgrade
flutter config --enable-web
之后，我创建了一个颤振的web应用程序
vsCode > Shift+Command+P > Flutter:New Application Project
在创建了一个新的颤振web应用程序之后，我在生成的示例代码中添加了一些日语和阿拉伯文本。使用Shift+F5或F5运行时，不显示日语文本。
如果我使用以下命令从终端运行，则会显示日语和阿拉伯文本。
flutt
浏览 7提问于2021-01-19得票数 1
回答已采纳
在移动浏览器中打开web应用程序时，是否可以从react-Js web应用程序重定向到flutter安装的移动应用程序？
我已经阅读了flutter的所有插件，这些插件允许从浏览器重定向到web，但实际上我想要从浏览器重定向到flutter移动应用。
浏览 1提问于2019-09-04得票数 3
目前，我正在使用flutter开发移动和web应用程序。如下图所示，web文件夹的index.html不是在移动端使用，而是在web上运行时使用。
在代码中，我想使用‘’KIsWeb‘，如下所示，使用addSearch.dart作为移动视图，使用addSearchWeb.dart作为web视图。
但是，在移动端运行时，无法读取index.html文件，并出现如下错误(使用js包)。
当前导入‘’package: flutter_app2/addSearch.dart'；导入‘’package: flutter_app2/addSearchWeb.dart'；
浏览 32提问于2021-03-11得票数 0
我正在使用flutter web制作web应用程序，我想知道用户是否实际安装了web应用程序，或者web应用程序是否正在浏览器上运行。
我想知道这一点，这样我就可以向在他们的设备上安装了web应用程序的用户提供特殊功能。(例如，允许local_notifications，这对于在浏览器上运行的flutter是不可能的)
浏览 1提问于2021-07-16得票数 0
4回答
我正在构建一个web应用程序，可以肯定的是，在移动版本的flutter中，有一种方法可以在设备中存储数据，但我不知道这是否已经在web上实现了。
浏览 0提问于2019-07-31得票数 13
回答已采纳
我正在尝试使用integration_test包运行集成测试。当我运行flutter drive --driver=test_driver/integration_test.dart --target=integration_test/splash_test.dart来测试我的闪屏时，它显示Downloading Web SDK。在我的应用程序中没有web实现，并且下载在我的连接上花费的时间太长。为什么会发生这种情况，我可以跳过它，直接在移动设备上测试吗？提前谢谢。PS:即使当我运行flutter drive help时，它也开始下载这个"Web SDK“。我在颤动主频道2.1.0
浏览 0提问于2021-04-14得票数 0
1回答
我在开发我客户的应用程序。它有一个功能，可以通过移动应用程序和web应用程序通过蓝牙从热感打印机打印出来。它正在开发移动应用程序，但我发现flutter_blue不支持网络。如何通过蓝牙在网上打印？
我在移动应用程序上通过蓝牙打印的代码：
initPrinter() async {
// Start scanning
StreamSubscription scanSubscription;
await flutterBlue
.startScan(timeout: Duration(seconds: 6))
.asStream()
浏览 3提问于2022-04-15得票数 1
我想为运行flutter web应用程序的台式机获取一个唯一的标识符，比如mac地址。 类似于ioS和安卓系统的设备Id。我已经尝试了所有可用的插件，但它们都没有返回值，我想知道是否有这样的功能，或者Flutter Web中仍然缺少这个功能
浏览 93提问于2020-01-30得票数 2
回答已采纳
我们有一个基于Django的网站与PostgreSql数据库。我们不想为当前的网站开发任何REST。因此，我们想知道是否有可能在我们的网站没有REST的情况下使用Flutter开发一个移动应用程序？
诚挚的问候
浏览 6提问于2022-07-26得票数 -3
我正在尝试使用Dart和Flutter构建一个移动应用程序。但是，尝试使用C++进行联网。
Q1:在Flutter应用程序中，可以使用C++进行套接字编程吗？
Q2:它是在本地作为C++编译的代码运行，还是Flutter在最终的应用程序中将其编译成Java/Swift。
我以前没有使用过flutter (既不是原生的Android/IOS)，所以这可能是一个天真的问题。
浏览 27提问于2019-11-10得票数 2
我正在尝试使用flutter制作一个网站，并想在移动浏览器上测试它。有没有办法在手机浏览器上运行这个项目？
浏览 5提问于2021-09-01得票数 0
1回答
为桌面应用程序创建一个颤振模块
、、、、
目前，在运行命令flutter create -t module --org com.example app时，我们可以生成一个颤振模块，我们可以将其添加到主机父应用程序中。不过，这个命令只支持移动设备(安卓和iOS)。我需要对windows和macos桌面应用程序做一些类似的工作，因为Flutter也支持这些平台，而且我有一些现有的桌面应用程序，我想用颤振UI来增强它们。目前是否不可能这样做？有没有一个解决办法，如何获得一个颤振模块，由一个父桌面应用程序托管？
作为参考，这是添加模块的文档。
浏览 2提问于2022-05-01得票数 0
1回答
使用Linux平台创建了颤振应用程序，在Mac系统中运行iOS源代码。
使用Linux平台创建应用程序遵循的步骤
从下面的下载颤振库
设置颤振sdk路径，如上述网站描述。
运行命令:颤振医生
运行命令:颤振创建flutter_demo
运行命令:颤振运行
在android设备上成功安装了应用程序。
创建我的颤振项目的.zip文件，并传递到Mac系统设置。
在iOS应用程序中运行所遵循的步骤：
颤振安装在以下路径中:- Users/apple/Documents/Flutter/setup/flutter
使用flutter的例子，我们
浏览 0提问于2019-06-25得票数 0
1回答
我正在使用Flutter包"flutter_map“(https://pub.dev/packages/flutter_map)，并在我的flutter应用程序中实现了一个地图。 现在我想添加一个搜索框，我可以在其中搜索将集中在地图上的地点。flutter_map-Package中是否已经包含了类似的内容？到目前为止，我什么也找不到。
浏览 46提问于2020-09-05得票数 0
我用flutter构建了一个移动应用程序。是否可以在flutter应用程序中创建Widgets (不是flutter-widgets，而是App Widgets (安卓)和Today Extensions (iOS))？我猜这不能用dart完成，但是有没有办法在Java/Swift中原生实现它们，并将它们包含在flutter app中？
谢谢!
浏览 0提问于2017-12-18得票数 41
回答已采纳
我有一些Flutter代码需要与现有的iOS原生应用程序共享。为此，我使用了一个颤动模块，并且能够让它工作
现在，我有另一个纯粹在Flutter中完成的应用程序，但我想将Flutter模块中的代码与Flutter应用程序共享
我如何才能做到这一点？基本上，我希望的是这个模块可以像Flutter应用程序的插件/包一样工作。但如果这不起作用，我是否应该将所有共享代码移动到一个新的Flutter插件，然后在模块中引用该插件，并在Flutter应用程序中引用该插件？
因此，在这一点上，模块本质上是插件的包装器。插件是真正的代码所在的地方
浏览 9提问于2020-05-09得票数 0
回答已采纳
1回答
我有一个带有iOS Safari特定错误的网页应用程序。为了调试它，我创建了一个构建(flutter build web)并运行Python的http.server (python3 -m http.server)，然后使用ngrok在我的移动设备上打开这个应用程序。
为了能够看到日志，我将OverlayEntry与Text结合使用，但这不太方便。
Python的http.server执行如下所示的日志记录：
Serving HTTP on :: port 8000 (http://[::]:8000/) ...
::1 - - [10/Sep/2022 20:05:06] "GET
浏览 1提问于2022-09-10得票数 3
我准备发布我的Flutter应用程序，但按照建议的步骤操作，但在构建Apk并在设备上运行flutter install以传输后，该应用程序几乎无法立即打开。但是，如果我随后运行Flutter run --release，我可以在之后在移动设备上运行代码，即使再安装一次Flutter也没问题。这里的问题可能是什么？
浏览 0提问于2018-10-16得票数 1
既然Flutter已经为Android和iOS应用程序采用了共享库的方法，那么是否有可能将这种想法扩展到使用Dart添加服务器(API)代码和使用Angular的web内容？我可以看到的例子，也可以看到 (颤振)--在iOS、Android和API代码之间是否有共享业务逻辑的例子？类似于的东西
浏览 0提问于2018-05-02得票数 2
回答已采纳
1回答
之后：
flutter build web
已构建就绪:构建/web
如何在本地运行？不使用
flutter run -d chrome
浏览 1提问于2021-10-31得票数 3
回答已采纳
2回答
我有一个flutter项目，需要在flutter中运行USSD代码，作为通过我的flutter应用程序访问任何运营商的移动货币的直接方式。USSD代码主要用于非洲国家。我遇到了一个名为userhover的SDK，但是没有关于如何在flutter中使用SDK的文档
浏览 25提问于2019-08-16得票数 1
回答已采纳
1回答
我想知道我是否有可能在我的网站上使用我的Django代码，并以某种方式在移动应用程序中使用它，在一个框架中，例如，Flutter。
那么，是否可以使用我现在拥有的Django后端，并在移动应用程序中使用它？
所以就像models，views等等。
浏览 2提问于2019-10-11得票数 4
回答已采纳
1回答
带有颤动的面ID
、、
我想知道你是否知道我如何创建一个由flutter制作的移动应用程序馈送的人脸数据库，我有flutter方面的知识，但我从未做过面部识别，所以我怀疑如果有可能创建一个flutter应用程序，其中用户必须使用他的脸进行注册，当他想要进入应用程序时，他必须向相机展示他的脸，因此该应用程序检查数据库中是否存在该人脸
浏览 16提问于2020-02-12得票数 1
使用PictureRecorder生成dart:ui Image，然后在Canvas上呈现。
当web应用程序在Chrome和Firefox上运行时，代码会像预期的那样运行，运行应用程序如下所示：
flutter channel stable
flutter upgrade
flutter config --enable-web
flutter run --web-renderer canvaskit --release
然而，最终发布的web应用程序后来构建在Raspberry pi 4上，在Raspberry pi 4 k8s集群上的一个k8s荚中运行，该web应用程序构建如下：
flut
浏览 13提问于2022-11-10得票数 0
我已经在Heroku中部署了rest API (nodejs)，但我想知道如何将我的flutter移动应用程序与这些端点连接起来。我一直在寻找解决方案，但我没有看到任何关于this.my flutter应用程序在我的移动device.Hope中运行的情况，任何人都可以给出一个好的解决方案。
浏览 12提问于2020-07-25得票数 2
回答已采纳
我已经创建了一个移动应用程序，我的业务使用颤振，它是，这是良好的工作。
后来，我将应用程序转换为网络友好型，并使用Flutter构建它，并使用Firebase托管它。你可以在这里看到这个网站：
现在我想要解决的问题是，这个网站在桌面浏览器中按预期加载，但是如果我试图用手机浏览器打开这个URL，它就会被粘在一个白色的屏幕上。不知道怎么解决这个问题。
如果有人面临同样的问题，请给我一些启示。
谢谢!
注意:我有另一个颤振Web应用程序(一个演示应用)，它是以同样的方式托管的，它在PC和移动浏览器上都运行得很好。网址是：
浏览 7提问于2021-12-28得票数 0
使用ExtJS 4.2.1为桌面浏览器开发的应用程序是否可以在移动/触摸设备上正常工作，而不会出现任何解决问题。请建议我们是否需要进行任何更改，以便在移动浏览器中运行应用程序。
浏览 1提问于2015-03-10得票数 0
我有一个迷你库集群运行一组微服务，其中一个服务承载一个，我希望创建一个移动客户端应用程序来对其进行身份验证。
我看到flutter有诸如之类的插件，但我所读的大多数文档都规定按照com.app.name://login-callback的方式指定OIDC redirect_uri参数。然而，我希望有一个“远程”重定向URI，例如http://my.app.name/api/auth/callback，除了获取auth令牌之外，还执行一些特定于域的操作。
例如，如果用户使用Google SSO登录到keycloak客户端，那么在成功检索access_token之后，我希望在我的应用程序域中创建用
浏览 3提问于2022-06-15得票数 0
Flutter平台中是否有任何特定的配置需要在部署之前针对移动或Web应用程序进行更改？或者它只是定义了不同大小的屏幕，并使其在我们的flutter代码中响应更快，而不是更多？
我想知道写手机颤动代码和web颤动代码有什么区别？
浏览 2提问于2021-11-30得票数 0
我正在做一个移动应用程序的项目提案，它包含一些图像处理部分( python很擅长它)，所以我想知道我是否可以在flutter项目中使用一些python代码和一些插件等(我已经为应用程序选择了flutter )
浏览 51提问于2020-05-02得票数 0
回答已采纳
我正在创建一个针对Android/iOS和Web的Flutter项目，是否有任何方法可以分别为Flutter Mobile和Web添加支持的软件包。例如，我在Flutter移动应用程序中使用dart:io包来保存文件，但Flutter web不支持它，因此对于web，我使用dart:js包来下载web应用程序中的文件。
对于C#，我们只是简单地使用条件符号，但是Flutter我找不到任何解决方案。
问题是我无法在我的main.dart文件中导入这两个包。有谁能帮我做到这一点吗？
浏览 1提问于2020-02-10得票数 7
1回答
蓝牙低能耗支持网络吗？
、、、
我是多个操作系统应用的新手。我想使用react native或flutter构建一个基于蓝牙的低能耗应用程序。进行蓝牙扫描和连接设置；
->React原生具有react- Native -ble-plx 包，
->Flutter有quick_blue 包和flutter_blue 包。
这些包只是我在研究中发现的包。但问题是，我找不到任何关于我上面提到的包是否同时支持IOS、Android和web应用程序的信息。
了解多平台和多操作系统应用程序的人可以帮助我解决这个问题吗？
浏览 5提问于2021-12-02得票数 0
我创建了Flutter Web应用程序。我使用的是Firebase插件。该应用程序可以在浏览器中运行，但当我尝试运行测试时，我得到了与Firebase插件相关的编译错误。
当我注释掉与Firebase插件相关的代码时，测试就通过了。
这是我的pubspec.yaml：
environment:
sdk: ">=2.1.0 <3.0.0"
dependencies:
flutter:
sdk: flutter
firebase: 5.0.4
flutter_bloc: ^0.21.0
meta: ^1.1.6
dev_dependenc
浏览 0提问于2019-10-11得票数 1
1回答
他们是否有办法在没有firebase控制台的情况下使用firebase云消息在flutter中实现推送通知。我想使用javascript将通知发送到flutter应用程序。意味着所有的消息数据都是使用javascript填充的，它使用firebase云消息传递来发送消息。
浏览 3提问于2020-06-29得票数 0
1回答
我正在使用aqueduct作为服务器，在那里我定义了一个用户对象，并对其进行了扩展以使用OAuth： class ManagedUser extends ManagedObject<_User> implements _User, ManagedAuthResourceOwner<_User> 在完成渡槽的工作后，我开始开发flutter应用程序，并想在flutter中使用ManagedUser-object，这就是为什么我想把它放到一个单独的项目中。 我现在(在部署过程中)面临的问题如下： ERROR:flutter/shell/common/shell.cc(18
浏览 15提问于2019-01-21得票数 1
回答已采纳
1回答
我正在尝试使用flutter与SunMi移动打印机通信。我想使用AIDL调用打印机，作为与打印机通信的一种方式，但我不知道如何将AIDL文件放在flutter中，也不知道在我的情况下是否可以使用flutter。我需要知道是否可以使用打印机的AIDL与打印机通信。我选择在我的应用程序中使用flutter或者带有java的android studio。
问题来源：
我找不到正确的答案，所以把问题贴在了这里。
浏览 12提问于2020-12-25得票数 1
1回答
我的应用程序有web支持，而且网络版本运行良好，但是当我尝试在移动上运行这个版本时，我会得到以下错误：
Invalid depfile: D:\AndroidStudioProjects\app\.dart_tool\flutter_build\242eec030db87a43f1788c8579309a46\kernel_snapshot.d
Invalid depfile: D:\AndroidStudioProjects\app\.dart_tool\flutter_build\242eec030db87a43f1788c8579309a46\kernel_snapshot.d
lib/
浏览 0提问于2021-06-08得票数 0
回答已采纳
有一个问题长期以来一直在我的脑海中挥之不去。 我在移动应用程序开发方面没有太多经验，但我确实用Cordova和Unity3d开发了几个应用程序。 我知道，当我们在Cordova中使用Angular开发应用程序时，它会使用各自设备的Web视图来呈现其UI。更像是在原生应用程序外壳中运行的web应用程序。 Xamarin和Flutter怎么样，Xamarin总是使用时髦的单词“本地”，Xamarin真的构建了完全本地的应用吗？不使用web view ?，如果是这样的话，Flutter呢？flutter还在做Cordova做的事情，还是在构建完全原生的应用程序?？ 让我换一种方式来说，我们可以将在
浏览 25提问于2021-04-26得票数 1
2回答
我使用Ionic框架构建web和移动(混合)应用程序。我使用和。它们在移动应用程序中运行良好。是否可以在移动设备上的web应用程序(在浏览器中)中使用它们？
现在我正在检查JS代码中的平台：
if (this.platform.is('core')) {
// use web libraries for uploading and crop images
} else {
// use @ionic-native cordova plugins
}
浏览 2提问于2017-12-13得票数 2
我创建了一个只支持移动的颤振应用程序：
flutter create --platforms=ios,android foo
我也有另一个颤振项目，我创建之前，网络是支持颤振，这就是为什么它只包含对移动的支持。
现在，我想在web和macOS上运行我的应用程序，但是当我尝试使用flutter run -d macos时会收到以下错误
Exception: No macOS desktop project configured. See https://flutter.dev/desktop#add-desktop-support-to-an-existing-app to learn abo
浏览 2提问于2021-02-15得票数 23
回答已采纳
我正在使用Flutter在移动和Web平台上构建一个应用程序。从Web到Mobile，我有几个不同的UI要显示。在运行在chrome上的Web版本中，当我改变浏览器的大小时，它会显示移动应用程序页面。 如何停止此操作，以便在浏览器布局发生更改时Web版本不会显示移动版本。
浏览 10提问于2020-09-22得票数 0
回答已采纳
在Android移动上运行应用程序时出现了此错误。
在调试模式下在DRA LX2上启动lib\main.dart。运行Gradle任务‘assembleDebug’。√构建了build\app\outputs\颤振-apk\app-调试器。安装build\app\输出\颤振-apk\app.apk.错误: ADB退出，退出代码1执行流安装
亚行:未能在DRA E:\flutter_projects\quizzler-flutter\build\app\outputs\flutter-apk\app.apk: LX2上安装INSTALL_FAILED_INSUFFICIENT_STORAGE错误
浏览 8提问于2021-04-16得票数 0
1回答
当我在应用程序之外的时候，我试图找到屏幕的坐标。我找到了一种方法，通过这种方式获取应用程序中的坐标。
import 'dart:io';
import 'package:flutter/material.dart';
import 'dart:async';
void main() => runApp(new MyApp());
class MyApp extends StatelessWidget {
// This widget is the root of your application.
@override
Wid
浏览 9提问于2022-02-13得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
