回到11年-CSDN博客

原创 Flutter教程09——可滚动组件

目录1.可滚动组件介绍1.1Scrollable1.2Viewport1.3Sliver2.1Scrollbar2.SingleChildScrollView1.可滚动组件介绍Flutter中有两种布局模型：Render的盒模型布局和Sliver按需加载列表布局。可滚动的组件的子组件一般会很多，如果一次性全部加载会影响性能。为此Flutter提供了Sliver(片段)，Sliver可以包含多个子组件。Sliver作用：按需加载子组件并确定每一个子组件的布局。F

2022-03-17 17:56:41 5457

原创 Flutter教程08——适配

1.Clip2.FittedBox如果子组件大小超出了父组件的大小flutter会发出一个警告。此类问题通常有两类：1.子组件内容过多，父组件大小有限，子组件如何改变自身以避免内容溢出；2.父组件空间有剩余，子组件应该改变自身来尽可能占用更多父组件；Flutter提供了一个FittedBox组件来针对此类问题的处理。...

2022-03-15 17:53:43 2896

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

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

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

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

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

原创 Flutter教程02——一个最简单的flutter入门应用

1.WidgetWidget英文意思，装饰物、小机械、小部件。flutter中几乎所有对象都是Widget。这里你先将Widget理解为一个UI元素、UI组件，用于构建页面。flutter中Widget是一个抽象类，在实际开发中一般不会直接继承Widger，而是通过继承StatelessWidget和StatefulWidget来实现，这两个抽象类都直接继承了Widget。...

2022-03-03 17:16:35 1901

原创 Flutter教程01——dart基础语法介绍

dart基础语法介绍

2022-03-02 21:03:05 1173

m0_37073941的博客