flutter
文章平均质量分 74
Flutter教程——从零开始学Flutter
回到11年
这个作者很懒,什么都没留下…
展开
-
Flutter教程01——dart基础语法介绍
dart基础语法介绍原创 2022-03-02 21:03:05 · 1161 阅读 · 0 评论 -
Flutter教程02——一个最简单的flutter入门应用
1.WidgetWidget英文意思,装饰物、小机械、小部件。flutter中几乎所有对象都是Widget。这里你先将Widget理解为一个UI元素、UI组件,用于构建页面。flutter中Widget是一个抽象类,在实际开发中一般不会直接继承Widger,而是通过继承StatelessWidget和StatefulWidget来实现,这两个抽象类都直接继承了Widget。...原创 2022-03-03 17:16:35 · 1878 阅读 · 0 评论 -
Flutter教程03——State和路由管理
上一篇写了一个flutter的hello world示例,用到的是StatelessWidget,今天来讲一下StatefulWidget。从字面上不难看出,StatelessWidget表示通过继承它实现的Widget是无状态,StatefulWidget表示通过继承它实现的Widget是有状态的。两者都是继承了Widget。StatefullWidget中,多了一个createState()接口,用以创建状态。1.State一个StatefulWidget类会对应一个State类,Sta原创 2022-03-06 14:21:56 · 651 阅读 · 0 评论 -
Flutter教程04——布局01
1.约束1.1BoxConstraints父组件通过BoxConstraints来控制子组件的大小范围。其构造参数:const BoxConstraints({ this.minWidth = 0.0, //最小宽度 this.maxWidth = double.infinity, //最大宽度 this.minHeight = 0.0, //最小高度 this.maxHeight = double.infinity //最大高度})1.2ConstrainedBox原创 2022-03-10 17:04:42 · 1100 阅读 · 0 评论 -
Flutter教程05——布局02
1.Flex弹性布局类似html中的flex布局策略。1.1FlexFlex组件可以沿着水平或垂直方向排列子组件。Row和Column都继承了Flex,参数基本相同。Flex功能更为强大。构造器参数:Flex({ ... required this.direction, //弹性布局的方向, Row默认为水平方向,Column默认为垂直方向 List<Widget> children = const <Widget>[],})1.2Expand原创 2022-03-10 17:47:00 · 942 阅读 · 0 评论 -
Flutter教程06——布局03
1.AlignAlign 组件可以调整子组件的位置:Align({ Key key, this.alignment = Alignment.center, this.widthFactor, this.heightFactor, Widget child,})alignment,表示子组件在父组件中的起始位置,值为AlignmentGeometry类型,AlignmentGeometry为一个抽象类,两个子类Alignment和FractionalOffset,Align原创 2022-03-11 17:24:23 · 1592 阅读 · 0 评论 -
Flutter教程07——容器
1.Padding和css中的padding作用一样,构造器:Padding({ ... EdgeInsetsGeometry padding, Widget child,})EdgeInsetsGeometry是一个抽象类,其子类EdgeInsets。EdgeInsets提供了一些方法来设置边框:fromTRB(left,top,right,bottom)all(value)only({left,top,right,bottom})symmetric({ v原创 2022-03-15 13:33:38 · 3516 阅读 · 0 评论 -
Flutter教程08——适配
1.Clip2.FittedBox如果子组件大小超出了父组件的大小flutter会发出一个警告。此类问题通常有两类:1.子组件内容过多,父组件大小有限,子组件如何改变自身以避免内容溢出;2.父组件空间有剩余,子组件应该改变自身来尽可能占用更多父组件;Flutter提供了一个FittedBox组件来针对此类问题的处理。...原创 2022-03-15 17:53:43 · 2883 阅读 · 0 评论 -
Flutter教程09——可滚动组件
目录1.可滚动组件介绍1.1Scrollable1.2Viewport1.3Sliver2.1Scrollbar2.SingleChildScrollView1.可滚动组件介绍Flutter中有两种布局模型:Render的盒模型布局和Sliver按需加载列表布局。可滚动的组件的子组件一般会很多,如果一次性全部加载会影响性能。为此Flutter提供了Sliver(片段),Sliver可以包含多个子组件。Sliver作用:按需加载子组件并确定每一个子组件的布局。F原创 2022-03-17 17:56:41 · 5437 阅读 · 0 评论