![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
【入门篇】flutter widget实例大全
文章平均质量分 93
从widget入手,循序渐进帮忙开发者入门Flutter。入门篇主要介绍开发中可能使用到的全部widget,每个widget分为实例展示、组件星级、重要属性介绍、源码讲解。有浅入深,层层深入,帮助开发者了解每一个widget的使用,快速上手flutter开发。
享阅工作室
本人多年软件开发和管理经验,在多家互联网公司担任过高级软件开发、架构师、技术经理、技术总监等。工作认真负责,态度诚恳严谨,思维活跃,勇工并挑战解决项目研发中的难题。主要研究方向移动端和前端开发,包括RN、Flutter等跨平台开发以及Android、Vue、React、Node.js、SpringBoot等都有所研究。生活中爱好广泛,乐观向上,易于与不同类型人群沟通,能在较大的压力下保持良好的工作心态,将百分百的热情投入到每一天的每一分钟。
展开
-
7 进度指示器(LinearProgressIndicator、CircularProgressIndicator)
Material组件库中提供了两种进度指示器:LinearProgressIndicator和CircularProgressIndicator。7.1LinearProgressIndicatorLinearProgressIndicator是一个线性进度条。7.2构造函数 const LinearProgressIndicator({ Key key, double value, //当前进度 Color backgroundColor, //进度条背景色 .原创 2021-01-29 10:50:47 · 1637 阅读 · 0 评论 -
6 表单组件Form、FormFIeld
上一篇文章介绍了各式各样的文本展示,用到了TextField组件。TextField比较简单,使用起来比较方便,但是并不支持表单数据的前置验证和错误提示。今天要给大家介绍的组件是表单组件Form、FormField。6.1 FormForm作为一个容器,可包裹多个表单字段(FormField)。FormField是一个抽象类,TextFormField是FormField的一个实现类,因此可以在Form中使用TextFormField。6.1.1 Form构造方法///// * [Globa原创 2021-01-24 22:36:58 · 944 阅读 · 0 评论 -
5 TextField输入框组件
文章目录1 TextField构造方法2 TextField主要属性3 示例说明3.1 默认展示3.2 多行输入3.3 密码输入3.4 游标颜色、粗细,控制输入长度3.5 下划线(隐藏)3.6 下划线(改变属性)3.7 圆角输入框3.8 带有图标输入框3.9 监听内容变化,获取输入框的内容3.10 改变键盘右下角的功能键3.11 改变键盘的输入类型4 完整代码5 运行效果6 github源代码7 结束语TextField是一个material design风格的输入框,其本身有很多属性,不过这些属性大家原创 2021-01-15 19:06:55 · 737 阅读 · 0 评论 -
4 选择组件(Radio、RadioListTile、Switch、SwitchListTile、Checkbox、CheckboxListTile)
文章目录1 Radio1.1 Radio组件的常用属性1.2 代码示例1.3运行结果2 RadioListTile组件2.1RadioListTile属性2.2 示例代码2.3 运行效果3 Switch组件3.1 Switch组件属性3.2 代码示例3.3 运行效果4 SwitchListTile4.1SwitchListTile属4.2 SwitchListTile示例代码4.3 运行效果5 CheckBox组件5.1 CheckBox组件属性5.2 示例代码5.3 运行效果6 CheckboxListT原创 2021-01-08 15:53:16 · 177 阅读 · 0 评论 -
3 Flutter按钮组件Button
Text(“Text组件的使用”,style: TextStyle(// 文字颜色color: Color(0xfff0000),// none 不显示装饰线条,underline 字体下方,overline 字体上方,lineThrough穿过文字decoration: TextDecoration.none,// solid 直线,double 双下划线,dotted 虚线,dashed 点下划线,wavy 波浪线decorationStyle: TextDecorationStyle.原创 2021-01-03 09:15:52 · 333 阅读 · 0 评论 -
2、文本组件
1 TextText用于显示简单样式文本,它包含一些控制文本显示样式的属性。Text("ju", textAlign: TextAlign.left,);Text("Hello world! I'm Jack. "*4, maxLines: 1, overflow: TextOverflow.ellipsis,);Text("Hello world", textScaleFactor: 1.5,);...原创 2021-01-01 23:11:57 · 1015 阅读 · 0 评论 -
1 widget组件介绍
在Flutter中一切Widget,Flutter中的Widget的概念更广,它不仅可以表示UI元素,也可以表示一些功能性的组件如:用于手势检测的 GestureDetector widget、用于APP主题数据传递的Theme等等,在后面的内容中,我们在描述UI元素时可能会用到“控件”、“组件”这样的概念,需要知道他们就是widget,只是不同表述而已。1 Flutter组件分类Flutter可以根据状态分类,也功能职责和属性分类,我们这里根据功能职责和属性分类。主要包括:基础组件布局类组件容原创 2020-12-07 19:24:06 · 566 阅读 · 0 评论