![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Flutter
文章平均质量分 51
qq_41255975
这个作者很懒,什么都没留下…
展开
-
Flutter-Wrap_Layout 流式布局
1. 流式布局 Wrap 流式布局,允许有多个子组件,可以实现组件换行。Wrap可以为子控件进行水平或者垂直方向布局,且当空间用完时,Wrap会自动换行,也是常说的流式布局。 direction 控制布局方向,默认水平方向(Axis.horizontal),可以设置谁知方向(Axis.vertical)。 alignment alignment属性控制主轴对齐方式,crossAxisAlignment属性控制交叉轴对齐方式,对齐方式只对有剩余空间的行或者列起作用,例如水平方向原创 2021-12-02 10:38:47 · 1084 阅读 · 1 评论 -
Flutter-TextField组件
1、 TextFiled组件 原生TextFiled 只是一条灰色的输入线 TextFiled() 添加标题(lableText)、添加提示性文字(hintText) 使用于decoration内 eg: return TextField( decoration: InputDecoration( labelText: "登录名", hintText: "在此输入你的手机号或邮箱账号" ) );原创 2021-12-02 10:37:02 · 1529 阅读 · 0 评论 -
Flutter-Text组件
1. 普通的文本组件 Text("默认样式文本组件") 2. 给文本组件添加一些属性 eg: Text( "测试文本"*10, textAlign: TextAlign.start, maxLines: 1, overflow: TextOverflow.ellipsis, textScaleFactor: 2, style: TextStyle( color: Colors.yellow, fontSize: 7原创 2021-12-02 10:36:18 · 837 阅读 · 0 评论 -
Flutter-Switch_Checkbox组件
1. 开关组件 开关组件通常是作为和用户交互有关的组件,因此,在使用时,一般是作为有状态的组件来使用 //普通开关按钮 Switch( value:switchEnable, activeColor: Colors.blue,//选中的时候颜色 inactiveTrackColor: Colors.blue.shade50,//选中前颜色 onChanged: (value){ setState(() { switchEnable原创 2021-12-02 10:35:19 · 582 阅读 · 0 评论 -
Flutter-Stack_Layout堆叠布局
1. 堆叠布局 允许子组件层层堆叠起来,并在上面上可以允许设置不同的参数值来修改其属性,这就是堆叠布局 Stack Stack组件可以将子组件叠加显示,根据子组件的顺序一次向上叠加显示。 eg: Stack( children: <Widget>[ Container( height: 200, width: 200, color: Colors.red, ), Container( height: 1原创 2021-12-02 10:34:14 · 983 阅读 · 0 评论 -
Flutter-Radio组件
1. Radio组件 单选框组件,为一组时,选择关系互斥 //横向排列三个单选框,并把选择的值debug输出 child: Row( mainAxisAlignment: MainAxisAlignment.center, children: <Widget>[ Radio( activeColor: Colors.red, value: "option 1", groupValue:原创 2021-12-02 10:30:29 · 1536 阅读 · 0 评论