flutter
文章平均质量分 53
pwjcw
平芜尽处是春山,行人更在春山外。
展开
-
flutter中使用listview在顶部出现空白区域的解决方法
MediaQuery.removePadding的使用参考:https://www.helloworld.net/p/5659699907。在图片中可以看出阴影的起始线和图片的顶部并不在一起,这就是listview留下的空白区域,所用到的代码如下。listview组件会在listview的区域顶部出现一个空白区域,如下。可以看到当下拉出现阴影时,阴影的起始线与图片顶部相对齐,组件可以解决这一问题,原创 2022-12-21 13:07:03 · 1805 阅读 · 0 评论 -
flutter StatefulElement有状态组件
在flutter中自定义组件其实就是一个类,这个类继承StatelessElement或者StatefulElement。通俗的来讲,如果需要组件内容进行改变的话,就使用StatefulElement组件。statefulStatelessElements是静态组件。StatefulElement是动态组件。其他组件和无状态的组件一样。原创 2022-11-19 12:48:34 · 459 阅读 · 0 评论 -
flutter wrap容器
单行的warp几乎是和row组件一致,但列的warp组件几乎是和column组件一致,warp突破了行和列的限制,当主轴上元素突破了限制,会想副轴扩展,比如在一行排不行,会向另一行扩展。原创 2022-11-19 12:46:41 · 340 阅读 · 0 评论 -
flutter align对齐与相对定位
但如果我们只想简单的调整一个子元素在父元素中的位置的话,使用Align组件会更简单一些。过于复杂暂不研究,句目前了解,align与center容器极其相似,唯一不同的就是alignment: Alignment的值在align可以手动传参。Align是一个widget,用来包含另一个widget,并提供了alignment参数来对齐子widget的位置。值得注意的是alignment参数,该参数除了有各个角落的默认值,如。参数值分别表示x,y,参数在-1与1之间。align的参数如下。原创 2022-11-19 12:44:51 · 480 阅读 · 0 评论 -
flutter 层叠布局stack postitioned
层叠布局和 Web 中的绝对定位很像,子组件可以根据距父容器四个角的位置来确定自身的位置。层叠布局允许子组件按照代码中声明的顺序堆叠起来。Flutter中使用Stack和Positioned这两个组件来配合实现绝对定位。Stack允许子组件堆叠,而Positioned用于根据Stack的四个角来确定子组件的位置。原创 2022-11-19 12:43:06 · 435 阅读 · 0 评论 -
flutter 弹性布局 flex
flex可以沿着水平或者垂直方向排列子组件,row和coloumn都继承自flex,参数基本相同,唯一有一个关键参数是Expanded,该参数在row和column中也存在,该参数可以按照比例分配空间,届时主轴空间参数将会失效,其中必传参数direction表示主轴方向,如。原创 2022-11-19 12:40:40 · 396 阅读 · 0 评论 -
flutter 网格布局Gridview
可以创建网格列表视图;主要通过Count、extent、custom、builder构造列表。有内边距、是否反向、滑动控制器等属性。四个属性使用场景,Count、extent、custom适用于子布局较少时使用。可能会用到上拉刷新,数据较多时,则使用builder属性,其中count和builder使用较多。原创 2022-11-19 12:38:27 · 1440 阅读 · 0 评论 -
flutter Listview可滚动组件
flutter Listview可滚动组件原创 2022-11-08 20:26:42 · 887 阅读 · 0 评论 -
flutter Container容器布局
flutter Container容器布局原创 2022-11-08 20:13:51 · 407 阅读 · 0 评论