自定义博客皮肤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 1100 1

原创 Flutter-TextField组件

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

2021-12-02 10:37:02 1570

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

原创 Flutter-Switch_Checkbox组件

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

2021-12-02 10:35:19 608

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

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

空空如也

空空如也

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

TA关注的人

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