首页
学习
活动
专区
工具
TVP
发布

青年码农

青年码农-一个有料的公众号
专栏作者
219
文章
405640
阅读量
42
订阅数
源码分享-一个帮助flutter开发者快速上手的app
Flutter接触时间不长,也就是刚刚到门口,还不算入门,由于国内的资料相对较少,官网又有时打不开,所有自己从头搭建了个基础框架,把常用的Widget组件的构造函数及常用属性做了简单的整理,方便后期查找。同时由于是业余时间在更新,所以现在只更新了60多种Widget的用法,后期还在更新。
青年码农
2020-12-17
8130
Flutter基础widgets教程-Transform篇
1 Transform 在绘制子widget之前应用转换的widget 2 构造函数 Transform({ Key key, @required this.transform, this.origin, this.alignment, this.transformHitTests = true, Widget child, }) 3 常用属性 3.1 origin:指定子组件做平移、旋转、缩放时的中心点 origin: Offset(50, 50), 3.2
青年码农
2020-10-22
9860
Flutter基础widgets教程-SizedOverflowBox篇
1 SizedOverflowBox SizedOverflowBox主要的布局行为有两点: 1 尺寸部分。通过将自身的固定尺寸,传递给child,来达到控制child尺寸的目的;undefined 2 超出部分。可以突破父节点尺寸的限制,超出部分也可以被渲染显示,与OverflowBox类似。 2 构造函数 SizedOverflowBox({ Key key, @required this.size, this.alignment = Alignment.center,
青年码农
2020-10-20
1K0
Flutter基础widgets教程-SizedBox篇
1 SizedBox 两种用法:一是可用来设置两个widget之间的间距,二是可以用来限制子组件的大小 2 构造函数 SizedBox({ Key key, this.width, this.height, Widget child }) 3 常用属性 3.1 width:SizedBox的宽 width: 250, 3.2 height:SizedBox的高 height: 250, 3.3 child:SizedBox的子widget child: Text("
青年码农
2020-10-19
8330
Flutter基础widgets教程-OverflowBox篇
1 OverflowBox 对其子项施加不同约束的widget,它可能允许子项溢出父级 2 构造函数 OverflowBox({ Key key, this.alignment = Alignment.center, this.minWidth, this.maxWidth, this.minHeight, this.maxHeight, Widget child, }) 3 常用属性 3.1 alignment:对齐方式 alignment:Alig
青年码农
2020-10-16
2.8K0
Flutter基础widgets教程-Offstage篇
当Offstage不可见的时候,如果child有动画等,需要手动停掉,Offstage并不会停掉动画等操作。
青年码农
2020-10-15
5100
Flutter 目录结构和项目资源
在Flutter大浪潮下,笔者也开始入坑了,本系列旨在记录学习过程,欢迎一起探讨。当使用flutter create myapp 创建项目后,会自动生成初始化代码。
青年码农
2020-10-14
1K0
使用VSCode 打包你的第一个flutter应用(安卓篇)
由于官网被墙,打包资料只能根据以往大神提供的经验摸索打包,但是在实际打包中还是会遇到各种各样的错。
青年码农
2020-10-13
2.4K0
Flutter基础widgets教程-Baseline篇
1 CupertinoAlertDialog iOS风格的alert dialog 2 构造函数 CupertinoAlertDialog({ Key key, this.title, this.content, this.actions = const <Widget>[], this.scrollController, this.actionScrollController, this.insetAnimationDuration = const
青年码农
2020-10-10
3090
Flutter基础widgets教程-CupertinoButton篇
1 CupertinoButton ios风格的按钮 2 构造函数 CupertinoButton({ Key key, @required this.child, this.padding, this.color, this.disabledColor = CupertinoColors.quaternarySystemFill, this.minSize = kMinInteractiveDimensionCupertino, this.press
青年码农
2020-10-10
6010
Flutter基础widgets教程-DataTable篇
1 DataTable 数据表显示原始数据集。它们通常出现在桌面企业产品中。DataTable Widget实现这个组件 2 构造函数 DataTable({ Key key, @required this.columns, this.sortColumnIndex, this.sortAscending = true, this.onSelectAll, this.dataRowHeight = kMinInteractiveDimension, t
青年码农
2020-10-10
6000
Flutter基础widgets教程-FractionallySizedBox篇
1 FractionallySizedBox 一个widget,它把它的子项放在可用空间的一小部分 2 构造函数 FractionallySizedBox({ Key key, this.alignment = Alignment.center, this.widthFactor, this.heightFactor, Widget child, }) 3 常用属性 3.1 alignment:对齐方式 alignment:Alignment.topLeft, 3.1
青年码农
2020-10-10
4250
Flutter基础widgets教程-Baseline篇
1 IntrinsicWidth 一个widget,它将它的子widget的高度调整其本身实际的高度 2 构造函数 IntrinsicWidth({ Key key, this.stepWidth, this.stepHeight, Widget child }) 3 常用属性 3.1 stepWidth 如果非空,则强制子组件的宽度为该值的倍数 如果null或0.0,子组件的宽度将与其最大固有宽度相同。 这个值不能取负数 stepWidth: 450.0, 3.2
青年码农
2020-10-10
3080
Flutter基础widgets教程-Scaffold篇
1 Scaffold Scaffold 翻译过来就是脚手架的意思,它实现了基本的 Material Design 可视化布局结构。此类提供了用于显示drawer、snackbar和底部sheet的API。简单的说,Scaffold就是一个提供 Material Design 设计中基本布局的 widget。 2 构造函数 Scaffold({ Key key, this.appBar, this.body,undefined this.floatingActionButton, thi
青年码农
2020-10-10
7020
Flutter基础widgets教程-WidgetsApp篇
1 WidgetsApp 未经过改装的MaterialApp 可以说MaterialApp基于WidgetsApp 2 构造函数 MaterialApp({ Key key, this.title = '', this.home, this.color, this.textStyle this.theme, this.routes = const <String, WidgetBuilder>{}, this.navigatorKey, this.initial
青年码农
2020-10-10
4950
Flutter基础widgets教程-Tooltip篇
1 Tooltip 一个文本提示工具,帮助解释一个按钮或其他用户界面,当widget长时间按下时(当用户采取其他适当操作时)显示一个提示标签 2 构造函数 Tooltip({ Key key, @required this.message, this.height, this.padding, this.margin, this.verticalOffset, this.preferBelow, this.excludeFromSemantic
青年码农
2020-10-10
8210
Flutter基础widgets教程-TextField篇
1 TextField TextField 是一个文本输入组件,类似 Web 上的 Input。 2 构造函数 TextField({ Key key, this.controller, this.focusNode, this.decoration = const InputDecoration(), TextInputType keyboardType, this.textInputAction, this.textCapitalization =
青年码农
2020-10-10
6990
Flutter基础widgets教程-Text篇
1 Text Text组件主要用于文本布局。 2 构造函数 Text({ Key key, this.style this.textAlign, this.textDirection, this.softWrap, this.overflow, this.textScaleFactor, this.maxLines, }) 3 常用属性 3.1 textAlign:对齐方式 3.1.1 顶部对齐 textAlign:TextAlign.sta
青年码农
2020-10-10
3700
Flutter基础widgets教程-TabBarView篇
1 TabBarView Tab页的内容容器,Tab页内容一般处理为随选项卡的改变而改变。 2 构造函数 TabBarView({ Key key, @required this.children,//Tab页内容组件的数组集合 this.controller,//TabController对象 this.physics, }) 3 常用属性 3.1 controller:指定视图的控制器 controller: 1, 3.2 children:视图组件的child为一个列
青年码农
2020-10-10
3340
Flutter基础widgets教程-TabBarView篇
1 TabBarView Tab页的内容容器,Tab页内容一般处理为随选项卡的改变而改变。 2 构造函数 TabBarView({ Key key, @required this.children,//Tab页内容组件的数组集合 this.controller,//TabController对象 this.physics, }) 3 常用属性 3.1 controller:指定视图的控制器 controller: 1, 3.2 children:视图组件的child为一个列
青年码农
2020-10-10
3810
点击加载更多
社区活动
Python精品学习库
代码在线跑,知识轻松学
【玩转EdgeOne】征文进行中
限时免费体验,发文即有奖~
博客搬家 | 分享价值百万资源包
自行/邀约他人一键搬运博客,速成社区影响力并领取好礼
技术创作特训营·精选知识专栏
往期视频·干货材料·成员作品·最新动态
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档