FlutterUnit 已上架 iOS,暗色模式全面支持


theme: cyanosis

一、FlutterUnit 的全平台支持

FlutterUnit 是我的一个开源项目,基于 Flutter 构建的一个 全平台 应用程序。现在很荣幸地宣布: FlutterUnit 已经上架 iOS 的 App Store ,自此主流的几大平台均已提供体验。

项目地址: https://github.com/toly1994328/FlutterUnit

image.png

今后,各平台的软件安装包将放在 FlutterUnit 项目的 release 中:

image.png

| 平台 | 软件包获取 | 安装形式 | | --- | --- | --- | | Android | FlutterUnit.apk | 下载安装 | | iOS | https://apps.apple.com/cn/app/flutter-unit/id6450545123 | 下载安装 | | Windows | FlutterUnitWin.zip | 免安装,解压即用 | MacOS | FlutterUnitMac.zip | 免安装,解压即用 | Web | http://toly1994328.gitee.io/flutter_web | 直接访问

image.png


二、暗色模式全平台支持

在界面表现上: 桌面端 MacOS 和 Windows 一致,移动端 iOS 和 Android 一致。另外平板设备中,在拖拽过程中可以根据窗口尺寸自适应相关:

142.gif


  • 桌面端部分界面展示

| 桌面端组件页(亮) | 桌面端组件页(暗) | | --- | --- | | ed48e0bfec8c0b30b6d2385c55afb3c.png | 17a78e47e0b47989498552a196503f1.png |

| 桌面端搜索(亮) | 桌面端搜索(暗) | | --- | --- | | 579b7f1993dbd8aae845abe7b76f386.png |433f6d2d755ae028f1b1c71ccd1aeff.png |

| 桌面端代码生成(亮) | 桌面端代码生成(暗) | | --- | --- | | ecbab528faa33d20c4a59275713ead4.png|ada48fc7a234228075e99adc858bdf1.png|

| 绘制集录(亮) | 组件详情页(暗) | | --- | --- | | 822eda94a18c7ecf8fe1a777e067db5.png|d6ee9144ad14b16391741efbff43e74.png|


  • 移动端部分界面展示

|移动端组件页(亮) | 移动端组件页(暗) | | --- | --- | | 45da9ea13de49de4ecf762dd8265694.jpg | 1de3c84acd3926e2703a5a86cd19178.jpg |

|绘制详情页(亮) | 绘制详情页(暗) | | --- | --- | | 0cb02cb1de40ff64fc2242ea869f3b6.jpg| bd905e870a378aa3e485ebd7a02aafe.jpg |

| 组件详情页 | 组件详情页 | | --- | --- | | 1ac273b957dd484293bc87a7de93c30.jpg | b4a5f9d397d18b1612781b8f2e7d0ad.jpg |


三、聊聊 iOS上架的流程和踩的坑

作为一个流淌着纯正 Android 血脉的开发者,在之前是没碰过 iOS 的。但整体来说上架流程还是比较顺畅的,不得不说 iOS 上架要比 Android 上架简单多了。从一个从未接触 iOS的人到打包、审核、发布、上线,只用了 3 天时间。当然,其中也要感谢小伙伴提供的援助:

1687653948512.png

这篇文章对我的帮助是蛮大的,基本上的流程写的很清晰。有些注意点和细节方面,我踩的坑,这里也分享一下,作为补充。

https://juejin.cn/post/7063065083408023565

首先说一下,对于 iOS 上架来说最重要的两个东西:

开发者账号
证书 和 Profiles


  • .p12 证书文件导出

如果不需要多个人协作打包,不用导出 .p12 证书文件,如果需要导出,要在 登录 的侧栏菜单下点击我的证书。一开始我点到 系统 的侧栏菜单,导出 .p12 是灰色的。

1af4c220c482910ec5000d65226b234.png


  • Xcode 打开的项目

打开 Runner.xcworkspace,不然插件依赖库找不到,这个坑了我不少时间,一直跑不起来。

image.png


  • Xcode 上传到 AppStore

当你 Xcode 显示上传成功:

a77dd64dd3c4adb7f4435fb014b141b.jpg

但是 AppStoreConnect 中没有看到构建版本,此时立刻去查看邮箱,可能是某些权限未配置导致的。我就是没在意邮箱,连打包好几个版本都显示不了,郁闷地要死。所以 iOS上架过程中,勤看邮箱。

image.png


  • 审核通过之后

第二天傍晚,就提示审核通过了,怀着激动的心,打开 App Store Connect 准备发布版本。

image.png

但这万里长征的最后一步卡壳了,看不到发布按钮,然后就极其郁闷。最奇怪的是,网速很慢时,发布按钮会闪现一下,然后消失,这就让我觉得非常诡异。小伙伴也不知道怎么回事。

image.png

最后发现我在 价格与销售范围 里勾选了预售发布,所以主页面就没有发布按钮。取消勾选就可以了,反正吃一堑长一智,坑多踩踩就平了。这样就上线完毕了:

1687655751486.png


四、 FlutterUnit 后期规划

后期规划,一方面加强对 Flutter 内置组件的收录,现在新版本的 Flutter 中比之前增加了不少组件。另一方面想要让 FlutterUnit 可以作为一个工具来服务 Flutter 开发,比如自动生成一些代码。正所谓近水楼台先得月,离代码最近的是编辑器,其次就是桌面软件,使用桌面端软件自动生成代码的优势很大。所以想让 FlutterUnit 拥有一定常规代码生成能力。

image.png

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/180.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

普通人如何居家办公实现网上赚钱?分享五种互联网赚钱的副业项目

科思创业汇 大家好,这里是科思创业汇,一个轻资产创业孵化平台。赚钱的方式有很多种,我希望在科思创业汇能够给你带来最快乐的那一种! 网上赚钱,主要是利用各种信息差异从网上获取收入。 近年来,随着互联网…

分布式存储Ceph的部署及应用(创建MDS、RBD、RGW 接口)

系列文章目录 文章目录 系列文章目录一、1.存储基础2. 单机存储的问题3. 分布式存储(软件定义的存储 SDS) 二 Ceph1.Ceph 简介2. Ceph 数据的存储过程 总结 一、 1.存储基础 1.1 单机存储设备 ●DAS(直接附加存储,是直接接到计算…

【Linux】文件基础IO操作:C语言接口 | 系统调用接口 | 重定向

重修C语言文件知识Linux文件知识标记位传参文件的系统调用理解什么是文件文件fd的分配规则重定向C语言文件层面的缓冲区知识 重修C语言文件知识 打开文件操作fopen函数&#xff1a; 我们看一段代码&#xff0c;以写(w)的形式来打开文件&#xff1a; #include <stdio.h>…

在Mac上安装Aspectj1.9.8(用于Java17)+IDEA

1. 确定所使用的Java版本和AspectJ的对应关系 2. 下载AspectJ包 3. 安装AspectJ 4. 添加AspectJ对应的环境变量 5. AspectJ测试-简单终端测试 6. AspectJ测试-通过IDEA敲代码测试 ---------------------------------------详细教程-------------------------------------…

css基础(二)

目录 1. CSS 的复合选择器 1.1 什么是复合选择器 1.2 后代选择器(重要&#xff09; 1.3 子选择器(重要&#xff09; 1.4 并集选择器(重要&#xff09; 1.5 伪类选择器 1.6 链接伪类选择器 1.7 :focus伪类选择器 1.8 复合选择器总结 二、 CSS 的元素显示模式 2.1什么是元素显示模…

组合逻辑电路设计---多路选择器

目录 1、多路选择器简介 2、硬件设计 3、实验任务 4、程序设计 4.1、模块设计 4.2、绘制波形图 4.3、编写代码 &#xff08;1&#xff09;assign 中条件运算符&#xff08;三目运算符&#xff09;实现方法&#xff1a; &#xff08;2&#xff09;always 语句块中使用 …

微信小程序editor富文本编辑器 有关图片的属性

微信小程序editor富文本编辑器 有关图片的属性 属性类型默认值必填说明show-img-sizebooleanfalse否点击图片时显示图片大小控件show-img-toolbarbooleanfalse否点击图片时显示工具栏控件show-img-resizebooleanfalse否点击图片时显示修改尺寸控件 详细请看&#xff1a;edito…

CPU、内存、缓存的关系

术语解释 &#xff08;1&#xff09;CPU&#xff08;Central Processing Unit&#xff09; 中央处理器 &#xff08;2&#xff09;内存 内存用于暂时存放CPU中的运算数据&#xff0c;以及与硬盘等外部存储器交换的数据。它是外存与CPU进行沟通的桥梁&#xff0c;内存的运行决定…

AI 绘画(1):生成一个图片的标准流程

文章目录 文章回顾感谢人员生成一个图片的标准流程前期准备&#xff0c;以文生图为例去C站下载你需要的绘画模型导入参数导入生成结果&#xff1f;可能是BUG事后处理 图生图如何高度贴合原图火柴人转角色 涂鸦局部重绘 Ai绘画公约 文章回顾 AI 绘画&#xff08;0&#xff09;&…

Angular 与 PDF之五 实现方式的选择与扩展

在纯web的前提下&#xff08;不考虑移动端native&#xff09;&#xff0c;PDF的功能基本包括&#xff1a; 客户端PDF&#xff1a;最简单的场景&#xff0c;实现方式也很多&#xff0c;基本不需要有什么顾虑的地方&#xff0c;简单的实现可以参考系列第一篇文章。客户端PDF预览&…

RabbitMQ 2023面试5题(四)

一、RabbitMQ有哪些作用 RabbitMQ是一个消息队列中间件&#xff0c;它的作用是利用高效可靠的消息传递机制进行与平台无关的数据交流&#xff0c;并基于数据通信来进行的分布式系统的集成&#xff0c;主要作用有以下方面&#xff1a; 实现应用程序之间的异步和解耦&#xff1a…

Nginx Rewrite的应用

目录 一、Nginx Rewrite 二、Rewrite的功能 1.Rewrite 跳转场景 2.Rewrite 跳转实现 3.Rewrite 实际场景 4.Rewrite 正则表达式 5.Rewrite 命令/语法格式 6.location 分类 7.location 优先级 8.Rewrite和location比较 9.根据以上了解&#xff0c;小案例来操…