- 博客(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关注的人