Flutter Mobile 或 Web 应用程序之间有啥区别?

Posted

技术标签:

【中文标题】Flutter Mobile 或 Web 应用程序之间有啥区别?【英文标题】:What is the difference between a Flutter Mobile or Web app?Flutter Mobile 或 Web 应用程序之间有什么区别? 【发布时间】:2022-01-07 11:45:59 【问题描述】:

在部署之前,Flutter 平台中是否有任何特定配置需要针对移动或 Web 应用程序进行更改?或者只是定义不同尺寸的屏幕,让它在我们的 Flutter 代码中更具响应性,而不是更多?

我想知道编写移动端 Flutter 代码和网页端 Flutter 代码有什么区别?

【问题讨论】:

我知道有一个类似的问题,但我在那里找不到答案! 【参考方案1】:

首先,Flutter 支持 web,但仅从 2.x.x 版本开始。 您不需要任何特定配置,但您需要根据 PC 和手机尺寸对其进行自定义。 为此,如果平台是移动平台或网络平台,您可以构建一个类并在运行时签入,如下所示:

import 'package:flutter/foundation.dart' show kIsWeb;

if (kIsWeb) 
  // running on the web!
 else 
  // NOT running on the web! You can check for additional platforms here.

如果您正在考虑构建 Web 应用程序,请考虑加载网站所需的时间,因为 Flutter 在画布上绘制并且重 2MB。 或者可以在 html 引擎上运行,但现在很糟糕

【讨论】:

以上是关于Flutter Mobile 或 Web 应用程序之间有啥区别?的主要内容,如果未能解决你的问题,请参考以下文章

我可以在 Flutter 中为 Web 制作 2 个 pubspec.yaml,为 Mobile 制作另一个?

如何将“Flutter for Web”转换为“Flutter for Mobile”?

使用 Flutter for Web 和 Mobile 的卡片高度/宽度

Flutter Mobile 到 Flutter Web:Platform.operatingSystem 为浏览器返回 'android'

无法运行 Dart 2 with / Angular for web 以及 Flutter for mobile 项目 - 计划共享代码

如何在 Flutter 移动端、Web 端和窗口中添加条件导入?