flutter 判断是否是web环境

最新推荐文章于 2024-03-14 22:33:54 发布

肥肥呀呀呀

最新推荐文章于 2024-03-14 22:33:54 发布

阅读量1.8w

点赞数 9

文章标签： javascript 前端 typescript

本文链接：https://blog.csdn.net/weixin_43575775/article/details/135413788

版权

本文介绍了在Flutter中，为了避免在Web环境中使用Platform.isAndroid引发错误，推荐使用`kIsWeb`包来检测当前运行环境是Web的情况。

摘要由CSDN通过智能技术生成

代码如下

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

void main() {
  if (kIsWeb) {
    print('Running on the web!');
  } else {
    print('Not running on the web!');
  }
}

如果是使用

Platform.isAndroid 会报错所以使用上面的方式

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

肥肥呀呀呀

关注关注

9
点赞
踩
6

收藏

觉得还不错? 一键收藏
打赏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

Flutter 如何快速切换生产和测试环境

Flutter 跨平台技术研究

12-25

1195

使用不同的入口文件来解决不同环境切换的问题，通过入口文件而不是改代码可以避免很多问题。同时，VSCode也提供了调试配置参数来切换不同的环境进行代码调试，轻松搞定不同环境的 bug 调试。

Flutter Web 在《一起漫部》的性能优化探索与实践

yiqimanbu的博客

10-13

784

不久前，App 小组面临一场开发挑战，即『一起漫部』需要在 App 的基础上开发出一套 H5 版本。由于一起漫部 App 版本是使用 Flutter 技术开发的，对于 H5 版本的技术选型，Flutter Web 成为我们的第一选择对象。

参与评论您还未登录，请先登录后发表或查看评论

Nginx配置

yhj101096的博客

07-15

457

nginx实现请求转发和负载均衡的配置

flutter项目怎么判断是不是web平台？Unsupported operation: Platform._operatingSystem

01-21

1060

如果你使用Platform 这个工具来判断的时候，很有可能会报错：只能使用这种方式判断：如果是web平台返回true，不是返回false因为只有web平台下js判断0和0.0才判断为相等，其他语言都是false。至于js为啥会将0和0.0判断为相等，是因为js使用弱类型判断的时候，会对右边的类型转成左边的类型，然后再进行判断，转换后的0.0其实就是0，所以才相等。

检查 Flutter 应用程序是否在 Web 上运行

坚果的博客

03-03

1760

您可以使用基础库中的kIsWeb常量检查您的 Flutter 应用程序是否在 Web 浏览器上运行 import 'package:flutter/material.dart'; import 'package:flutter/foundation.dart'; void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({Key? key}) : super(key: key

Flutter - flutter项目添加 Web 支持

iotjin的专栏

04-10

2110

使用 base64 数据 URI：将图片转换为 base64 格式的数据 URI，然后将其插入到 HTML 中，避免了跨域问题。修改构建结果中的index.html文件中的base标签，修改成你github仓库的名字，不然关联不到相对路径资源文件.详见：https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS。所以使用的自定义的图片组件，如果是网络图片，加载一个默认的本地图片，保证在web端能看到默认图片。添加ScrollController。

[Flutter]WebPlatform上运行遇到的问题总结

摩羯座程序媛的专栏

01-03

877

代码中包含Platform.isAndroid或者Platform.isIOS等判断，Webp平台不支持Platform的判断。基于Flutter3.0后已支持Windows/MacOS/Web等桌面端，不过具体的系统，还需要看下官方文档解释。Flutter项目已能在移动端完美使用后，想看看在桌面端等使用情况。以上问题修改后，仍然无法登录，接口会直接取消。如有任何问题，欢迎关注、留言、讨论。

flutter使用webview_flutter在安卓和ios上打开网页

02-06

2048

要打开非https协议的网页，需要在安卓平台上添加权限：android:usesCleartextTraffic="true"

Flutter for Web 详细预研

阿里云云栖号

06-27

2444

Flutter 核心原理 - UI 框架（UI Framework）

热门推荐

ai-exception的博客

06-21

2万+

前言：Flutter系列的文章我应该会持续更新，从User Interface(UI)到数据相关（文件、数据库、网络）再到Flutter进阶（平台特定代码编写、测试、插件开发等），欢迎感兴趣的读者持续关注(可以扫描左边栏二维码或者搜索”IT工匠“关注微信公众号/头条号（微信公众号和头条号同名），会同步推送)。众所周知Google对于Flutter的期望是全平台统一UI开发，号称要做一套**“...

Flutter: 判断是Android还是Ios

weixin_34403693的博客

07-01

3163

/// 在ui中使用下面的这个判断 Theme.of(context).platform == TargetPlatform.android /// 而不是 import 'dart:io' Platform.isAndroid 然后使用VScode开启Dart: Open Dev Tools开启ios就能看到ui变化转载于:https://www.cnblogs.com/ajanuw/...

Flutter 1.5 Web开发环境搭建

新缸中之脑

05-21

845

flutter和webapp_如何获取Flutter Web应用程序的内部版本和版本号

weixin_39601929的博客

12-20

279

The keyword here is Web. I can get the build and version number of a Flutter app by using the package_info plugin, but if it is running on the web I can't. How do I get the package info for a Flutter ...

Flutter全平台！迁移现有Flutter项目到WEB端

weixin_34189116的博客

06-02

2735

写在前面 Flutter 是 Google推出并开源的移动应用开发框架，主打跨平台、高保真、高性能。开发者可以通过 Dart语言开发 App，一套代码同时运行在 iOS 、Android、web和桌面端。 Flutter官网：flutter-io.cn Flutter_web是Flutter代码兼容web的实现，可以将使用Dart编写的现有Flutter代码编译成可以嵌入浏览器并部署到任何We...

FlutterWeb性能优化探索与实践

美团技术团队

12-16

5827

总第483篇2021年第053篇美团外卖商家端基于 FlutterWeb 的技术探索已久，目前在多个业务中落地了App、PC、H5的多端复用，有效提升了产研的整体效率。在这过程中，性能问...

flutter pubspec判断环境

05-31

另外，你可以使用 `flutter_config` 插件来在代码中访问环境变量。例如，可以在 `pubspec.yaml` 文件中添加以下内容： ``` dependencies: flutter_config: ^3.0.0 ``` 然后在你的代码中就可以使用 `FlutterConfig...