自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 Flutter-Wrap_Layout 流式布局

1. 流式布局 Wrap ​ 流式布局,允许有多个子组件,可以实现组件换行。Wrap可以为子控件进行水平或者垂直方向布局,且当空间用完时,Wrap会自动换行,也是常说的流式布局。 direction ​ 控制布局方向,默认水平方向(Axis.horizontal),可以设置谁知方向(Axis.vertical)。 alignment ​ alignment属性控制主轴对齐方式,crossAxisAlignment属性控制交叉轴对齐方式,对齐方式只对有剩余空间的行或者列起作用,例如水平方向

2021-12-02 10:38:47 1159

原创 Flutter-TextField组件

1、 TextFiled组件 原生TextFiled 只是一条灰色的输入线 TextFiled() 添加标题(lableText)、添加提示性文字(hintText) ​ 使用于decoration内 eg: return TextField( decoration: InputDecoration( labelText: "登录名", hintText: "在此输入你的手机号或邮箱账号" ) );

2021-12-02 10:37:02 1667

原创 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 928

原创 Flutter-Switch_Checkbox组件

1. 开关组件 开关组件通常是作为和用户交互有关的组件,因此,在使用时,一般是作为有状态的组件来使用 //普通开关按钮 Switch( value:switchEnable, activeColor: Colors.blue,//选中的时候颜色 inactiveTrackColor: Colors.blue.shade50,//选中前颜色 onChanged: (value){ setState(() { switchEnable

2021-12-02 10:35:19 662

原创 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 1081

原创 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 1650

空空如也

空空如也

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

TA关注的人

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