美文网首页
Flutter 相关组件简单记录

Flutter 相关组件简单记录

作者: 是我的是你的 | 来源:发表于2022-09-20 19:53 被阅读0次

    新学Flutter,但是太琐碎了!新人完全不知道有什么组件有什么用,这边汇总给自己记录下遇到的一些小组件

    随手记,不定时更新: 

    Expanded:组件是flutter中使用率很高的一个组件,它可以动态调整child组件沿主轴的尺寸,比如填充剩余空间,比如设置尺寸比例。它常常和Row或Column组合起来使用,主要使用flex属性填充,倍数或平分布局。

    详情讲解:    https://blog.csdn.net/devnn/article/details/105892081

    EdgeInsets:数值为double

    填充/边距,提供方法有

    left:左 ;   top:上; right:右 ;bottom:下

    only({ left ,top , right, bottom }):可以设置具体某个方向的填充,也可以是多个方向

    使用方式:EdgeInsets.only(left : 0.0)  

    all:所有方向均使用相同数值填充

    使用方式:EdgeInsets.all(0.0)  

    symmetric({ vertical, horizontal }):用来设置对称方向的填充,vertical(垂直方向):top和bottom ;horizontal(水平方向): left 和 right  

    使用方式:EdgeInsets.symmetric(horizontal:0.0)

    InkWell:用户点击时会出现水波纹效果

    FractionallySizedBox:

    Card: 可以设置卡片阴影

    GestureDetector 和 InkWell 都是点击按钮,但是GestureDetector的 属性更丰富

    ClipRRect: 圆角剪切

    Positioned用于定位Stack子组件,Positioned必须是Stack的子组件

    Stack: 堆叠布局.

    比如开发中需要用户头像上面添加一个特殊标识,就需要是用到堆叠布局就使用Stack。

    NestedScrollView: 粘性滚动头部,滑动组件是用来处理复杂情况下的滑动应用场景,如向上滑动视图时,要折叠隐藏一部分内容,这时候就需要使用到 NestedScrollView 与 SliverAppBar 的结合使用

    Divider:  是 flutter 提供的一个非常简单的分割线组件

    BackdropFilter:高斯模糊效果


    Positioned:绝对布局

    相关文章

      网友评论

          本文标题:Flutter 相关组件简单记录

          本文链接:https://www.haomeiwen.com/subject/icwwwrtx.html