关键词：
【中文标题】从为移动设备开发的相同代码库为 Flutter Web 开发单独的 UI【英文标题】：Developing a separate UI for flutter web from same codebase developed for mobile 【发布时间】：2021-08-21 05:49:12 【问题描述】：我已经使用 Flutter 开发了一个移动应用程序，它可以在 ios 和 android 上完美运行。我现在想做的是从相同的代码库中获取 Web 应用程序，但使用不同的 ui。当前的应用程序可以完美地运行在浏览器也是如此，但它很奇怪，因为我使用了底部导航等移动特定组件。我用 BLoC 模式 开发了这个，并且用户界面与业务逻辑分离。我的问题是，我可以开发 web 应用程序的 ui 并重用现有代码中的业务逻辑实现吗？如果可以的话，如果有人可以提供一些我可以使用的参考资料，我很高兴。
【问题讨论】：
您可以使用常量kIsWeb 来检查您的应用是否在网络中运行。
@rickimaru 这也可以作为答案
【参考方案1】：
是的，您可以利用 Bloc 并重新实现 UI。
正如@rickimaru 建议的那样，您可以检查kIsWeb。但我的建议是检查您的屏幕尺寸。随着 Flutter 越来越多的目标如 windows、linux、macOS 等。
为更大的屏幕构建不同的 UI 可能更合适，而不仅仅是针对 Web（除非您执行特定于 Web 平台的逻辑，但情况似乎并非如此）。此外，仅在网络上运行并不意味着更大的屏幕尺寸，您的用户可能会通过他们的手机浏览器访问。
您可以使用MediaQuery 和断点手动检查屏幕大小，或者您可以利用已经制作的包，例如responsive_framework。
【讨论】：
flutter-阿里p7告诉我的屏幕适配终极方案！！！(代码片段)
前言：我相信每个移动端开发者都避不开这个问题，就是屏幕适配目前移动端的设备已经非常多，并且不同的设备手机屏幕也不相同。目前做移动端开发都要针对不同的设备进行一定的适配，无论是移动原生开发... 查看详情
观点|fluttervsreactnative，两个开源框架如何选？(代码片段)
以下为作者观点：Flutter与ReactNative是最近人们谈论最多的话题之一。它们都是用于构建移动应用程序的流行开源框架。ReactNative由Facebook创建，使用JavaScript，允许开发者使用相同的代码库为iOS和Android构建应用程序。谷... 查看详情
使用与移动设备相同的 API 开发网站
】使用与移动设备相同的API开发网站【英文标题】：DevelopingwebsiteswithsameAPIasmobile【发布时间】：2013-04-0521:10:00【问题描述】：我只熟悉原生移动开发，不熟悉Web开发，请原谅我的幼稚。移动应用的API通常涉及通过API的POST或GET数... 查看详情
适用于 Web 和移动设备的 Flutter 图像选择器
】适用于Web和移动设备的Flutter图像选择器【英文标题】：FlutterImagepickerforwebandmobile【发布时间】：2020-12-2618:18:24【问题描述】：我需要使用支持移动和网络平台的Flutter开发一个跨平台应用程序。我需要一个适用于移动设备和网... 查看详情
tsingsee青犀视频开发ai识别对接大华ai设备以通道或者库为对象布控的流程介绍(代码片段)
目前TSINGSEE青犀视频正在对不同AI设备的功能进行对接测试，本文分享一下大华AI设备以通道或者库为对象布控的流程。定义说明：以通道为对象进行布控，即一个通道可布控一个或者多个人脸库。以库为对象进行布控... 查看详情
flutter入门简介及计算器实现(代码片段)
一.Flutter简单介绍 与 Linux或Windows操作系统一样，移动操作系统或移动操作系统是一种软件平台，可帮助其他程序在移动设备上运行。该平台专为在移动电话、智能手机、PDA、平板电脑和其他手持设备等设备上运行而设... 查看详情
flutter为什么使用dart？(代码片段)
老孟导读：关于Flutter为什么使用Dart?这个话题，就像PHP是世界上最好的语言一样，争论从来没有停止过，有很多说法，比如：Google是为了推广Dart，Dart是亲儿子。Flutter团队和Dart团队相邻，沟通起来更方便。或许存在这样的考虑... 查看详情
框架：flutter（移动应用程序开发框架）(代码片段)
ylbtech-框架：Flutter（移动应用程序开发框架）Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面。Flutter可以与现有的代码一起工作。在全世界，Flutter正在被越来越多的开发者和组织使用，并且Flutter... 查看详情
flutter的优缺点及前景
Flutter是由Google创建的免费开源的移动应用程序开发框架。可以用它为iOS、Android和Web平台，开发界面华丽、高性能、响应式的应用程序。Flutter基于Dart编程语言，并使用Skia图形库来渲染其组件。和很多其它框架一样，Flutter宣称其... 查看详情
在嵌入式linux设备上使用flutter开发图形界面
...xff0c;源自于这两个领域的技术也开始向嵌入式设备渗透。Flutter 就是一个例子。本文将介绍如何在 Torizon 平台上如何使用 Flutter 来开发用户界面。Google 面向 Android,iOS 推出的跨平台移动应⽤开发框架 Flutter 可以构建高质量... 查看详情
如何在不使用 Play 商店的情况下在移动设备上部署 Flutter 应用程序进行测试
】如何在不使用Play商店的情况下在移动设备上部署Flutter应用程序进行测试【英文标题】：HowdoIdeployflutterapponmobiledevicefortestingwithoutusingplaystore【发布时间】：2021-10-3020:19:29【问题描述】：我是Flutter开发的新手。我创建了一个使... 查看详情
在嵌入式linux设备上使用flutter开发图形界面
...xff0c;源自于这两个领域的技术也开始向嵌入式设备渗透。Flutter 就是一个例子。本文将介绍如何在 Torizon 平台上如何使用 Flutter 来开发用户界面。Google 面向 And 查看详情
在嵌入式linux设备上使用flutter开发图形界面
...xff0c;源自于这两个领域的技术也开始向嵌入式设备渗透。Flutter 就是一个例子。本文将介绍如何在 Torizon 平台上如何使用 Flutter 来开发用户界面。Google 面向 And 查看详情
flutter技术概览(代码片段)
前几天Google宣布发布Flutter第一个beta版本，Flutter是一个全新的（其实Flutter很早就有了，前身叫Sky）移动UI框架，用来帮助开发者在iOS和Android平台上开发高质量的原生应用。Flutter是跨平台的免费开源UI框架，... 查看详情
fluttevsrn
FlutteVSRNFlutterFlutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面。Flutter可以与现有的代码一起工作。在全世界，Flutter正在被越来越多的开发者和组织使用，并且Flutter是完全免费、开源的。Flutter是由Go... 查看详情
leaflet的入门开发
...严谨的leaflet,终于出来了!leaflet是领先的开源JavaScript库为移动设备设计的互动地图。重33KB的JS,所有映射大多数开发人员所需要的特性。leaflet设计简单,性能和可用性。它有效地在所有主要的桌面和移动平台,可以扩展的插件,有一... 查看详情
一文掌握flutterforwindows桌面端稳定版新特性(代码片段)
自从Flutter创建以来，Flutter就致力于打造一个能够构建精美的、可高度定制的、并且可以编译为机器码的跨平台应用解决方案，以充分发挥设备底层硬件的全部图形渲染能力。今天，Flutter对Windows生产版本的正式支持... 查看详情
flutterui适配详解——flutter开发必看！(代码片段)
Flutter中的宽高单位不同于Android中的dp和IOS中的pt，Flutter奉行另外一种单位，即逻辑像素。Flutter遵循简单的基于密度的格式，如iOS。资产可能是1.0x、2.0x、3.0x或任何其他乘数。Flutter没有dp但有逻辑像素，与设备无... 查看详情