可伸缩Row 和 Column可以通过mainAxisAlignment 和 crossAxisAlignment 对children进行布局，但child的大小是固定的。固定大小的小部件被认为是 不灵活的 因为它们布局后无法自我调整大小。 Flexible 和Expanded包裹的对象可以根据剩余空间自动伸缩。配置属性Flexible 属性：flex 将自身的 flex 因子与其他的比较，以决定
Flutter基础篇⭐️
Flutter架构
采用分层设计,从下到上分为三层
Embedder
Engine
Framework
Embedder
Embedder 是操作系统适配层，实现了渲染 Surface 设置，线程设置，以及平台插件等平台相关特性的适配。从这里我们可以看到，Flutter 平台相关特
转载
2024-04-07 00:00:48
49阅读
Flutter 有着丰富的布局控件库 .Flutter 中的布局整体分为Single-child layout widget (单子布局部件)Multi-child layout widget (多子布局部件)本篇我们将开始学习单子布局部件 .类似于 Android 学习中有五大布局, 可是到实际开发中 , 用到的最多的只有线性布局、相对布局、帧布局. Flutter 布局单子部件官网学习文档列就
转载
2024-01-22 15:48:11
85阅读
一、使用GridView的多种方式1.1 GridView()1.2 GridView.count()1.3 GridView.builder()1.4 GridView.custom()1.5 GridView.extent()二、flutter_staggered_grid_view 一、使用GridView的多种方式1.1 GridView()GridView({
Key key,
引言在之间我已经介绍了关于Flutter的下载安装以及配置，还有开发工具Android Studio的配置。这里为什么非要用Android Studio，我可以解释一下。Android Studio是Google的亲儿子，由谷歌一手开发，而Flutter也是谷歌推出的技术，所以在支持和兼容问题上，Android Studio是非常有优势的。老话说得好，肥水不流外人田，谷歌内部肯定是将Android
一，前言 Flutter控件本身通常由许多小型、单用途的控件组成，结合起来产生强大的效果，例如，Container是一种常用的控件，由负责布局、绘画、定位和大小调整的几个控件组成，具体来说，Container是由LimitedBox、ConstrainedBox、 Align、Padding、DecoratedBox和Transform控件组成，而不是将Container子类化来产生自
转载
2023-07-26 11:43:05
110阅读
最近发现身边的很多朋友都在推荐flutter，前两天去上海参见“第三届VueConf大会”中也提到了这个，所以带着好奇，准备学习下Flutter，学习的第一关当然还是搭环境了，鉴于搭环境过程中有太多坑了，所以写篇博客记录一下安装 Flutter通过以下命令，clone 最新的 Flutter 仓储到本地： git clone https://github.com/flutter/flutter.g
转载
2024-01-16 04:21:31
668阅读
我们上篇博客讲了关于基础布局的知识，那么我们来讲一下关于宽高尺寸的处理。宽高尺寸处理：SizedBox(设置具体尺寸）ConstrainedBox(限定最大最小宽高布局)LimitedBox(限定最大宽高布局)AspectRatio(调整宽高比)FractionallySizedBox(百分比布局)SizedBox(设置具体尺寸)SizedBox组件是一个特定大小的盒子，这个组件强制它的child
Flutter 常用布局之Container具有指定宽度、高度、背景颜色、外边距和边框等属性的 widget。为了实现简单的动画效果，AnimatedContainer
原创
2022-01-05 15:38:57
258阅读
flutter web其实出来也有一段时间了，最近在用flutter做一个跨端的APP，由于又加入了小程序端，所以在探索怎么通过flutter web来做小程序。 一、实现原理 通过flutter web将程序打包成手机浏览器能访问的网页，然后用uni中的webview来展示这个页面，最后通过uni打包成小程序发布，这样一个通过flutter实现的小程序基本就处理完毕了。 二、小程序登录问
转载
2024-04-19 09:59:36
560阅读
Flutter里又一个非常重要的核心理念: 一切皆为组件, Flutter所有的元素皆由组件组成。比如: 一个布局元素，一个动画，一个装饰效果等。Widget使用地址：https://github.com/nanos-11/Flutter_nan一、根组件Widget简介：Widget是所有组件的基类 所有组件都继承自它 要想自定义组件必须继承下边两个类中的其中一个： 1️⃣ StatelessW
转载
2024-08-12 18:46:02
164阅读
文章目录 Flutter 基础布局 Container WidgetContainer 具体用法示例2示例3 Flutter 基础布局 Container WidgetContainer将会是我们以后最常用的控件之一，Container是单容器类控件，即只包含一个子控件。Container可以装饰和定位子控件，例如设置背景颜色、形状等。Container 具体用法alignment 对齐排列方式padding paddingcolor 背景色decoration 背景装饰foregro
原创
2022-01-13 16:23:56
219阅读
文章目录1. 概述2. 填充 Padding3. 装饰容器 DecoratedBox3.1 BoxDecration4. 变换 Transform4.1 平移4.2
原创
2022-07-15 11:58:47
242阅读
当在绘制阶段时, CustomPaint 首先会调用 painter 在画布上进行绘制, 然后再绘制它的 child 控件, child 绘制完成之后会调用 foregroundPainter 进行绘制. 画布的坐标系和 CustomPaint 的坐标系匹配. CustomPaint 有个 Size 属性标识将绘制多大的区域, 绘制时这个 Size 属性将会传递到 CustomPainter 的
，即只包含一个子控件。Container可以装饰和定位子控件，例如设置背景颜色、形状等。Container 具体用法alignment 对齐排列方式padding paddingcolor 背景色decoration 背景装饰foregro
原创
2021-07-12 09:55:09
285阅读
前言部分这段时间陆续学习flutter框架，因为一直坚信跨平台开发会是下一次的变革，以前也接触过一些跨平台的框架，但是觉得都不太好用的，如RN，cordova等。RN我是写过一些demo的，但是发现调试和代码书写都很麻烦，后期就没有深入研究，Cordova的话是在项目中了解过，感觉入手有点难，因为Android开发对js了解过于少。因为我把一个Cordova的项目重写成原生项目，期间先是通过jsb
转载
2024-04-08 19:08:15
92阅读
【Flutter】十一、Flutter中常用的容器类一、Center二、Padding三、AnimatedPadding四、Container五、SizedBox六、FractionallySizedBox七、SizedOverflowBox八、OverflowBox九、LimtedBox十、ConstrainedBox十一、DecoratedBox十二、FittedBox十三、RotateBo
转载
2024-04-01 13:03:38
944阅读
Flutter常用组件1.MaterialApp2.Scaffold3.Container4.BoxDecoration（装饰器）5.Row（横向排布）6.Column（纵向排布）7.Expanded和Flexible8.Stack和Positioned（层叠布局）9.页面切换BottomNavigationBar10.RefreshIndicator和ListView（下拉刷新）11.Floa
1)ListView： 示意如下: 主要用于新闻和用户中心2）GridView： 示意如下：主要用于商品列表，应用列表GridView.count实现网格布局： 拥有一行配置元素数量参数crossAxisCount: 4,GridView.extend实现网格布局,与上面差别在于参数不同GridView.builder实现动态网格布局1）
Flutter系列 --- widget
其他系列传送门如下
Flutter系列 --- 环境配置 Flutter系列 --- 第一个FlutterAPP
配合
Dart系列食用更佳 Dart (一) 语法预览 Dart (二) 语法预览 Dart (三) 语法预览 Flutter的中心思想就是用 widget构建你的 UI。 Wid
转载
2024-06-05 21:22:20
265阅读
