Flutter入门: BoxDecoration 详解
当前版本 Flutter 3.19.5 `BoxDecoration` 是 Flutter 中用于装饰 `Container` 部件的一个类。它允许你设置背景颜色、背景图像、边框、阴影和渐变色等属性,以自定义容器的外观。 BoxDecoration API 属性 backgroundBlendMode 背景混合模式,用于与背景图像结合的效果,如果没有提供颜色或渐变,则混合模式没有效果。 Container( decoration: const BoxDecoration( backgroundBlendMode: BlendMode.lighten, color: Colors.blue, b……
继续阅读»»»
Flutter入门: Container 详解
当前版本 Flutter 3.19.5 Container API 属性 alignment 容器内容相对于父容器的对齐方式,如果非空,容器将扩展以填充其父容器 Container( color: Colors.grey.shade300, height: 300, alignment: Alignment.topLeft, child: Container( color: Colors.green, width: 50, height: 50, ), ), child 容器内容 clipBehavior 容器内容裁剪方式,默认值为 Clip.none Container( height: 3……
继续阅读»»»
Flutter入门: GestureDetector 详解
当前版本 Flutter 3.19.5 GestureDetector API 属性 child GestureDetector( onTap: () { print(“Tap”); }, child: Container( color: Colors.green, width: 50, height: 50, ), ) behavior 指定如何处理命中测试(hit testing),确定小部件的响应区域。 如果child不为 null, 则默认为 HitTestBehavior.deferToChild,如果 child 为 null,则默认为 HitTestBehavior.transl……
继续阅读»»»
Flutter入门: Draggable 详解
当前版本 Flutter 3.19.5 Draggable API 构造函数 实现 const Draggable<T extends Object?>( { Key? key, required Widget child, required Widget feedback, T? data, Axis? axis, Widget? childWhenDragging, Offset feedbackOffset = Offset.zero, DragAnchorStrategy dragAnchorStrategy = childDragAnchorStrategy, Axis?……
继续阅读»»»
Flutter入门: Image 详解
当前版本 Flutter 3.19.5 前言 Image 是 Flutter 中用于显示图像的组件。它支持多种图像来源,包括网络图像、资源图像、文件系统图像以及内存图像。Image 组件提供了多种构造函数,如 Image.network、Image.asset、Image.file 和 Image.memory,以便于从不同的来源加载图像。它还支持多种图像调整选项,如缩放、裁剪、对齐和颜色滤镜,使开发者可以灵活地在应用中展示图像内容。 Image API 构造函数 Image 实现 const Image( { Key? key, required ImageProvider<Objec……
继续阅读»»»
Flutter Package:图片处理库 Image
image 是一个用于加载、保存和操作各种图像文件格式的Flutter图像库,写作本文时的版本为:4.2.0,下面我们演示每个功能的使用,API的解释采用的机翻,具体的 API 文档点击这里查看。 支持的格式 # 读/写 JPEG / PNG + 动画 APNG / GIF + 动画 GIF / TIFF / BMP / TGA / ICO / PVRTC # 只读 WebP + 动画 WebP / Photoshop PSD / OpenEXR /PNM (PBM, PGM, PPM) / PNM(PBM、PGM、PPM) # 只写 CUR 加载图像 decodeBmp: 解码 BMP 格式……
继续阅读»»»
开发中常用的git命令
git add . 将当前修改的内容添加到暂存区 git commit -m ‘feat: xxxx’ 提交当前暂存区的修改 git commit –amend>将当前修改保存到上一次提交 git fetch 将远程主机的更新全部取回本地 git pull origin feature/demo 从远程拉取分支并合并到当前分支 git push origin feature/demo -u 推送本地分支到远程,并关联远程分支 git push origin :feature/demo 删除远程分支 git branch -a 查看本地和远程所有分支 git branch -d feature……
继续阅读»»»
在小团队中如何做前端自动化部署
目前我所在的团队规模不大,人员不多,研发流程并没有像之前在大厂时那么规范,也没有成熟的基建来给到我们提供辅助,所以上线发布流程就是一个任性,直接在本地打完包手动上传到OSS就完事,简单高效,但问题也很多,急切需要用自动化手段来解决一些手工劳动。 因为我们用了 gitlab 来管理代码,所以直接上方案:gitlab CI/CD runner gitlab CI/CD runner 本质上,Gitlab Runner 就是一个可以执行脚本的环境,它会根据你 gitlab 仓库中的配置文件,来执行一连串的任务。而 Gitlab Runner 可以被安装在服务器,虚拟机,甚至是Docker容器中。 准……
继续阅读»»»
Flutter入门: Drawer 详解
当前版本 Flutter 3.19.5 前言 Drawer 是Flutter中用于实现抽屉式导航菜单的组件,通常位于屏幕左侧,可以通过滑动或点击按钮打开。 Drawer 常用于放置应用程序的主要导航选项、设置菜单或用户个人资料等内容。 Drawer API 属性 属性一览 backgroundColor: 抽屉背景颜色 child: 抽屉的内容 clipBehavior: 抽屉shape剪裁方式 elevation: 阴影大小 semanticLabel: drawer打开和关闭时候的通知信息 shadowColor: 阴影的颜色 shape: 抽屉的形状 surfaceTintColor: ……
继续阅读»»»