自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(9)
  • 收藏
  • 关注

原创 7、Flutter 按钮状态管理与映射

现在我们已经把`映射函数`包装成`映射对象:MaterialStateProperty`传给了Button。通过运行代码,我们发现点击按钮时确实触发了映射。那么这个映射是谁触发的呢?其实内部有个`状态控制器:stateController`

2023-09-08 00:14:40 355

原创 6、Flutter布局原理:自定义布局

允许你自定义多个子部件的布局。可以实现高度定制化的布局,其中每个子部件的位置和大小可以根据自定义算法来确定。以下是使用CustomMultiChildLayout构造函数Key?key,})delegate参数是一个必需的参数,它接受一个自定义的布局委托对象,该委托对象负责计算子部件的位置和大小。children参数是一个可选的子部件列表,你可以在其中放置需要进行自定义布局的子部件。创建自定义布局委托要使用,你需要创建一个继承自的自定义布局委托类。

2023-09-03 20:57:27 274

原创 5、Flutter布局原理 :为什么我的部件不听话

1. 位置、大小飘忽不定? 为什么我的Widget位置/大小跟我想象的不一样?一会儿在这,加个child就跑到另外一个地方,或父Widget突然变大或变小了?这TMD该怎么布局啊。 2. 想改变一个Widget的大小,不知如何下手? 我是从iOS平台转过来的,之前用数字精确定位视图的位置,现在它不给我设置数字的机会。或者使用约束,方便的很... 3. 面对一个页面无从下手?本章将从Flutter框架设计者的角度,分析Flutter布局原理

2023-09-03 19:12:11 186

原创 4、Container 和它的小弟们(Align、Center、Padding、DecoratedBox)

Container就是内部创建了以上类型的小弟,让小弟们帮他实现相应的功能。其实就是为了方便开发者,避免出现代码嵌套太深,出现金字塔代码(俄罗斯套娃)。来看实现就好了(请看注释“ 来了老弟”):

2023-09-03 15:33:47 124

原创 6、ListView详解:构建可滚动的列表

当处理大型列表或需要频繁滚动的情况下,`ListView`的性能优化变得尤为重要。下面详细介绍一些用于优化`ListView`性能的方法:

2023-08-28 21:08:22 434

原创 3、Row和Colum属性详解

导航栏:在顶部导航栏中,可能包含了多个导航项,如返回按钮、标题、操作按钮等。这些导航项通常被水平排列在一行,这时可以使用Row来实现。工具栏:类似于导航栏,工具栏也可能包含多个工具按钮,这些按钮可以使用Row在水平方向上进行排列。底部选项卡:在底部选项卡栏中,通常会有多个选项卡按钮,这些按钮可以使用Row水平排列在底部。表单字段:在某些表单中,可能需要在一行内放置多个表单字段,如文本输入框、复选框等。水平列表:如果需要在一行内显示多个列表项,可以使用Row来排列这些列表项,尤其在有限的宽度内

2023-08-21 22:16:10 1052

原创 1、Image Widget详解

当使用`Image`小部件加载图像时,可以通过`frameBuilder`、`loadingBuilder`和`errorBuilder`属性来自定义加载不同阶段的显示内容。

2023-08-19 11:17:03 271

原创 2、Text Widget 详解

通过在`Text`小部件的`style`属性中使用`TextStyle`,你可以对文本的外观进行详细控制。7. **`decoration` 和 `decorationColor`**:文本装饰和装饰颜色,比如下划线、删除线等。10. **`background` 和 `backgroundColor`**:文本背景和背景颜色。4. **`maxLines` 和 `overflow` 属性**:控制文本溢出行为。小部件用于显示文本内容。1. **`data` 属性**:要显示的文本内容。

2023-08-18 01:11:56 227

原创 1、Image Widget详解

这些示例演示了如何使用`frameBuilder`、`loadingBuilder`和`errorBuilder`属性来在不同的加载阶段显示不同的内容,以提供更好的用户反馈和体验。您可以根据自己的需求进一步自定义这些内容。当使用`Image`小部件加载图像时,可以通过`frameBuilder`、`loadingBuilder`和`errorBuilder`属性来自定义加载不同阶段的显示内容。7. **width**和**height**: 指定图像显示的宽度和高度,如果未设置,将使用图像的原始大小。

2023-08-18 01:01:07 74

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除