志当存高远。——诸葛亮屏幕尺寸大全菜单栏共有5个选项，包括手机、平板、手表、电脑、显示器，分别显示屏幕尺寸、PPI、纵横比、dp和px 单位下的宽✘高，以及DPI。官方设计规范适配原理屏幕尺寸严格来说，屏幕尺寸实际被物理尺寸和显示分辨率两个部分定义。
原创
2022-01-05 15:46:02
1855阅读
Flutter 是一个高度灵活的 UI 框架，尤其是当我们把它用于 iOS 开发时。对于开发者而言，适配 iOS 的环境和解决相关问题是至关重要的。本文将详细描述如何解决 "Flutter iOS 适配" 的各个步骤及方法，涵盖环境准备、集成步骤、配置详解、实战应用、排错指南和生态扩展。
### 环境准备
确保你已经安装了 Flutter SDK，并具备最新版本的 Xcode 和 CocoaP
作者 | 杜洁鹏责编 | 唐小引封图 | Flutter GitHub READMEFlutter 是 Google 提供的新一代跨平台方案，随着 Google 在 IO19 宣布 Flutter 支持 Web 平台，就标志着 Flutter 已经全面持所有平台（目前 Windows 的只是早期预览版本，未来有可能会支持 UWP），它提供了非常友好的文档来帮助各端的同
转载
2024-10-12 17:40:11
129阅读
Flutter安装及开发环境配置（Windows）本文介绍Windows环境下的Flutter安装以及AndroidStudio配置。Mac版请转到——>Flutter安装及开发环境配置（Mac版）国内镜像众所周知的原因，国内访问google服务可能不太顺畅，如果没有vpn环境，可以访问国内镜像。Flutter官方为中国开发者搭建了临时镜像，大家可以将如下环境变量加入到用户环境变量中：PUB
转载
2023-11-08 23:42:28
66阅读
准备工作1.安装 DevEco Studio NEXT IDE, 注意版本应该是 Next，当前的是 Beta32.安装Git, 如果要同时适配安卓,需要安装Android Studio; 如果要适配ios,需要安装XcodeMac 安装(推荐)环境变量配置# Flutter Mirror
export PUB_HOSTED_URL=://pub.flutter-io.cn
expo
原创
2024-10-17 19:44:30
308阅读
# Flutter 适配 Android 13
随着 Android 13 的发布，开发者需要了解新版本带来的变化，以确保他们的应用正常运行并获得最佳用户体验。Flutter 作为一个跨平台的移动开发框架，可以方便地构建 Android 和 iOS 应用。然而，当 Android 系统更新时，Flutter 也需要适配新的改变。本文将介绍如何使 Flutter 应用适配 Android 13，并
原创
2024-10-20 07:21:11
237阅读
当页面使用了 Scaffold 的 appBar 与 bottomNavigationBar 的页面不需要额外适配，框架里面已经自动适配了。但很多页面写的时候不会用到 Sc：void mai
原创
2023-05-15 15:41:02
494阅读
Flutter Interact 除了带来各种新的开发工具之外，最大的亮点莫过于 1.12 稳定版本的发布。 不同于之前的版本，1.12.x 版本对 Flutter Framework 做了较多的不兼容性升级，例如在 Dart 层： ImageProvider 的 load 增…
原创
2022-05-23 11:36:38
608阅读
# Flutter工程中适配iOS的步骤和代码解析
## 1. 概述
在Flutter开发中，适配iOS可以帮助我们在不同的iOS设备上获得更好的用户体验。本文将介绍适配iOS的步骤，并给出相应的代码示例。
## 2. 流程图
```mermaid
flowchart TD;
A(创建Flutter工程) --> B(配置iOS项目);
B --> C(修改Info.plist);
原创
2023-11-04 07:20:26
127阅读
前言：Flutter系列的文章我应该会持续更新至少一个月左右，从User Interface(UI)到数据相关（文件、数据库、网络）再到Flutter进阶（平台特定代码编写、测试、插件开发等），欢迎感兴趣的读者持续关注(可以扫描左边栏二维码或者微信搜索”IT工匠“关注微信公众号哦，会同步推送)。摘要本文通过一个简单的例子来逐步为大家介绍如何在Flutter中构建漂亮的布局，通过本文你将会了解到以下
# Flutter 适配 Android 33 的简要指南
随着 Android 33 的发布，Flutter 社区也在积极适应这些变化，以确保开发者能够充分利用新版本的特性与改进。在这篇文章中，我们将探讨一些在 Flutter 项目中适配 Android 33 的常见步骤和注意事项，并提供相关的代码示例。
## 1. 更新 Flutter 版本
首先，确保你的 Flutter 环境是最新的
背景目前大部分应用都会使用大量的图片，图片成为当前应用带宽占比最大的一种资源。在我们接入 Flutter 的时候，发现 Flutter 的图片控件缓存完全由自己管理，同时还没有提供磁盘缓存（1.22版本），所以在性能以及体验上均比较差，所以必须对其进一步优化。图片缓存在目前很多 CDN 实现上，所有资源都是拥有唯一 uri 的，所以很多的客户端实现，是忽略了 HTTP 协议中的 Caches 能力
转载
2021-01-17 17:28:22
375阅读
2评论
背景目前大部分应用都会使用大量的图片，图片成为当前应用带宽占比最大的一种资源。在我们接入 Flutter 的时候，发现 Flutter 的图片控件缓存完全由自己管理，同时还没有提供磁盘缓存（1.22版本），所以在性能以及体验上均比较差，所以必须对其进一步优化。图片缓存在目前很多 CDN 实现上，所有资源都是拥有唯一 uri 的，所以很多的客户端实现，是忽略了 HTTP 协议中的 Caches 能力
转载
2021-01-17 17:32:13
388阅读
2评论
随着苹果，Google等大厂不断研发新的设备机型，Android和iOS的设备种类越来越繁多了，有普通的屏幕16:9的，也有最近几年出来的全面屏，水滴屏，刘海屏等，Android的全面屏基本上是18:9的比例，iPhone X的尺寸是19.5:9。按照这个结论，大致上是有三种尺寸的图的。所以得让设计师一个广告图，切三个尺寸。根据现有的屏幕比例，分成了大致的三类：基础版 1080*1920（通用...
原创
2021-07-08 17:28:22
1722阅读
随着苹果，Google等大厂不断研发新的设备机型，Android和iOS的设备种类越来越繁多了，有普通的屏幕16:9的，也有最近几年出来的全面屏，水滴屏，刘海屏等，Android的全面屏基本上是18:9的比例，iPhone X的尺寸是19.5:9。按照这个结论，大致上是有三种尺寸的图的。所以得让设计师一个广告图，切三个尺寸。根据现有的屏幕比例，分成了大致的三类：基础版 1080*1920（通用...
翻译
2022-03-01 11:34:34
1194阅读
# Flutter iOS 底部适配指南
在开发 Flutter 应用时，适配不同平台（特别是 iOS）需要注意的地方很多。尤其是在 UI 布局方面，iOS 的设计标准和设备特性都对具体的实现方式有一定的影响。本文将介绍如何在 Flutter 应用中进行 iOS 的底部适配，确保应用在所有设备上视觉效果一致。
## 1. iOS 底部安全区
iOS 设备的底部边缘通常有一个“安全区域”，这个
原创
2024-10-12 06:33:07
225阅读
探索 Flutter WeChat BLE: 移动端蓝牙低功耗开发的新里程碑是一个由 Flutter 社区开发的开源库，旨在为开发者提供一套简单易用、功能丰富的工具集，用于在 Flutter 应用中集成微信小程序的蓝牙 Low Energy（BLE）通信。这个项目的出现，让 Flutter 开发者能够无缝地与 BLE 设备交互，大大拓宽了 IoT 领域的应用场景。技术解析1. Flutter 平台
转载
2024-10-11 08:59:13
219阅读
# Flutter Android App图标适配指南
在开发Flutter应用时，创建一个令人印象深刻且一致的应用图标是至关重要的。图标是用户首次接触应用时的第一印象，因此，适配不同设备的图标对提升用户体验至关重要。本文将详细介绍如何为Flutter Android应用进行图标适配，整个过程将分为几个步骤进行说明。
## 整体流程
在适配Flutter Android应用图标时，通常可以按
原创
2024-09-21 03:36:54
202阅读
