Flutter平台判断问题,并适配鸿蒙

1. 问题

首先是一个bug,如果你在Web平台使用bool isIos = Platform.isIOS这样的代码,就会报错

Unsupported operation: Platform._operatingSystem

另一个问题就是并没有Platform.isWeb方法


2. 解决方法 universal_platform

🔨 安装

直接flutter pub add universal_platform

🕹️ 使用

老写法(Web会报错) 新写法
Platform.isIOS UniversalPlatform.isIOS
Platform.isAndroid UniversalPlatform.isAndroid
Platform.isWeb(不支持) UniversalPlatform.isWeb

3. 鸿蒙来了,isOhos 呢?

现在大佬们也为Flutter适配了OpenHarmony,并且也提供了Platform.isOhos方法,但 universal_platform 是没有鸿蒙平台的判断的。

于是我直接fork了一下,把鸿蒙平台加了进去,也提了Pull Request。

feat: Add the ohos platform by qinshah · Pull Request #31 · gskinnerTeam/flutter-universal-platform

如果你也需要使用这个版本,可以在pubspec.yaml中进行修改

yaml 复制代码
dependencies:
  universal_platform:
    git:
      url: "https://github.com/qinshah/flutter-universal-platform.git"

4. 示例

dart 复制代码
import 'package:flutter/material.dart';
import 'package:universal_platform/universal_platform.dart';

class PaltformJudgePage extends StatelessWidget {
  const PaltformJudgePage({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text('平台判断')),
      body: Center(
          child: Text(
        "Web: ${UniversalPlatform.isWeb} \n "
        "MacOS: ${UniversalPlatform.isMacOS} \n"
        "Windows: ${UniversalPlatform.isWindows} \n"
        "OhOS: ${UniversalPlatform.isOhos} \n"
        "Linux: ${UniversalPlatform.isLinux} \n"
        "Android: ${UniversalPlatform.isAndroid} \n"
        "IOS: ${UniversalPlatform.isIOS} \n"
        "Fuschia: ${UniversalPlatform.isFuchsia} \n",
      )),
    );
  }
}
平台 输出
Chrome (Web) Web: true
Ohos OhOS: true

如果本文帮到你,欢迎去原仓库给 PR 点个 👍,一起让 Flutter和鸿蒙 生态更完整!

相关推荐
西西学代码1 天前
Flutter---回调函数
开发语言·javascript·flutter
圣光SG1 天前
Vue.js 从入门到精通:技术成长之路
flutter
恋猫de小郭2 天前
Swift 6.3 正式发布支持 Android ,它能在跨平台发挥什么优势?
android·前端·flutter
i-阿松!2 天前
PCB板子+ flutter前端 + go后端
物联网·flutter·pcb工艺·go1.19
恋猫de小郭2 天前
Flutter 3.41.6 版本很重要,你大概率需要更新一下
android·前端·flutter
亚历克斯神2 天前
Flutter for OpenHarmony: Flutter 三方库 mutex 为鸿蒙异步任务提供可靠的临界资源互斥锁(并发安全基石)
android·数据库·安全·flutter·华为·harmonyos
钛态2 天前
Flutter 三方库 smartstruct 鸿蒙化字段映射适配指南:介入静态预编译引擎扫除视图及数据模型双向强转类型错乱隐患,筑稳如磐石的企业级模型治理防线-适配鸿蒙 HarmonyOS ohos
flutter·华为·harmonyos
键盘鼓手苏苏2 天前
Flutter 组件 csv2json 适配鸿蒙 HarmonyOS 实战:高性能异构数据转换,构建 CSV 流式解析与全栈式数据映射架构
flutter·harmonyos·鸿蒙·openharmony
左手厨刀右手茼蒿2 天前
Flutter 组件 http_requests 适配鸿蒙 HarmonyOS 实战:极简网络请求,构建边缘端轻量级 RESTful 通讯架构
网络·flutter·http
雷帝木木2 天前
Flutter 三方库 hrk_logging 的鸿蒙化适配指南 - 实现标准化分层日志记录、支持多目的地输出与日志分级过滤
flutter·harmonyos·鸿蒙·openharmony·hrk_logging