跨平台开发flutter初体验

前言

flutter 是 google 出品的开源的跨平台解决方案,支持主流的桌面软件以及移动端软件开发,实现一套代码无痛构建迁移

支持 win、mac、linux 桌面端以及 android、ios 移动端,使用 dark 语言进行开发

社区非常活跃,截止目前为止,commit 超过 8.4w 多次,star 超过 17w,最后一次 commit 是 3 小时前

凭借 google 强大的实力支持,flutter 无疑是跨平台开发的首选

flutter开发包安装

flutter 的版本有很多, 在 github 上直接 clone 下载也是一样的,不过 github 上版本号太多了,可能会被搞懵了

可以在 https://docs.flutter.dev/install/archive 这里获取到具体平台最新的稳定版本进行下载

下载后解压到安装的目录下,比如 d:/develop/flutter 下,并将路径 d:/develop/flutter/bin 添加到环境变量 path 中

之后在终端窗口中输入 flutter,就可以识别 flutter 命令了

构建win桌面应用

为了体现 flutter 的强大,先来创建一个 windows 的应用,在构建之前,需要保证本地的 vs2022 可以正常使用

因为 flutter 构建的时候会生成一个 vs 的工程,然后再进行 windows 桌面应用的构建

其他构建工具链也是可以的,flutter 是基于 Makefile 的基础上进行构建的,主流的还是基于 vs2022 进行构建

在项目的路径下,执行 flutter create demo01 命令,创建 demo01 应用

执行该命令后的目录结果如下,生成的代码有 android、ios、linux、macos、windows 平台的版本,此外还有 web 的版本

切换到 demo01 目录下,执行 flutter run 然后选择 1 windows 平台,生成并运行一个 windows 的客户端应用

安卓应用构建

为了构建 android 的应用,需要本地配置好 android 的环境,可以通过安装 android studio 然后在此基础上进行配置

主要是模拟器的安装,如果 path 环境变量没配的话 emulator 命令是不能识别的,可以在 emulator.exe 文件的路径下执行,或带路径执行

通过 emulator -list-avds 来查看当前可用的模拟器,然后使用 emulator.exe -avd Medium_Phone_API_35 启动指定的安卓模拟器

在模拟器启动后,通过 adb devices 可以查看到可用的设备,使用 flutter run 编译并运行安卓应用

模拟器运行安卓应用后,界面如下所示

vscode插件安装

在 flutter 开发的时候,并不一定需要安装 vscode 的 flutter 以及 dart 插件

不过安装 flutter 以及 dart 插件可以提升开发效率,如智能提示、语法高亮、自动补全、调试支持等功能

在插件市场中搜索安装即可

相关推荐
Grackers31 分钟前
Android Perfetto 系列 5:Android App 基于 Choreographer 的渲染流程
android
踩着两条虫32 分钟前
AI驱动的Vue3应用开发平台深入探究(十):物料系统之内置组件库
android·前端·vue.js·人工智能·低代码·系统架构·rxjava
sam.li37 分钟前
JADX MCP 原理与使用部署
android·逆向·jadx
冬奇Lab1 小时前
Android 15音频子系统(五):AudioPolicyService策略管理深度解析
android·音视频开发·源码阅读
亚历克斯神1 小时前
Flutter for OpenHarmony: Flutter 三方库 mutex 为鸿蒙异步任务提供可靠的临界资源互斥锁(并发安全基石)
android·数据库·安全·flutter·华为·harmonyos
钛态1 小时前
Flutter 三方库 smartstruct 鸿蒙化字段映射适配指南:介入静态预编译引擎扫除视图及数据模型双向强转类型错乱隐患,筑稳如磐石的企业级模型治理防线-适配鸿蒙 HarmonyOS ohos
flutter·华为·harmonyos
键盘鼓手苏苏1 小时前
Flutter 组件 csv2json 适配鸿蒙 HarmonyOS 实战:高性能异构数据转换,构建 CSV 流式解析与全栈式数据映射架构
flutter·harmonyos·鸿蒙·openharmony
左手厨刀右手茼蒿1 小时前
Flutter 组件 http_requests 适配鸿蒙 HarmonyOS 实战:极简网络请求,构建边缘端轻量级 RESTful 通讯架构
网络·flutter·http
雷帝木木1 小时前
Flutter 三方库 hrk_logging 的鸿蒙化适配指南 - 实现标准化分层日志记录、支持多目的地输出与日志分级过滤
flutter·harmonyos·鸿蒙·openharmony·hrk_logging
左手厨刀右手茼蒿1 小时前
Flutter 三方库 dio_compatibility_layer 的鸿蒙化适配指南 - 实现 Dio 跨主版本的平滑迁移、支持遗留拦截器兼容与网络请求架构稳定升级
flutter·harmonyos·鸿蒙·openharmony·dio_compatibility_layer