duCafeCat

本节目标 Stack IndexedStack Positioned Stack 和 IndexStack 都是层叠布局方式，类似于 Android 里的 FrameLayout 帧布局，内部子元素是有层级堆起来的。 Stack 继承自 MultiChildRenderObjectWidget，Stack 也是多子元素的一个组件之一（内部可以包含多个子元素）。 而 IndexedStack... Continue reading...

本节目标 expanded flex Flex 组件是 Row 和 Column 的父类，主要用于弹性布局，类似于 HTML 中的 Flex 弹性盒子布局，可以按照一定比例进行分类布局空间。 Flex 继承自 MultiChildRenderObjectWidget，Flex 也是多子元素的一个组件之一（内部可以包含多个子元素）。 Flex 一般和 Expanded 搭配使用，Expand... Continue reading...

本节目标 Row 行组件 Column 列组件 mainAxisAlignment 主轴 crossAxisAlignment 交叉轴 textDirection 排列方向 verticalDirection 交叉轴起始位置 RowRow 布局组件类似于 Android 中的 LinearLayout 线性布局，它用来做水平横向布局使用，里面的 children 子元素按照水平方向进行排列... Continue reading...

本节目标 MaterialApp Scafford Scaffold.of MaterialAppMaterial 风格的程序的构建，如 Key 导航 路由 首页 样式 多语言 调试 构造 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152cons... Continue reading...

本节目标 基础用法 Padding 和 Margin BoxDecoration 装饰 BoxShadow 阴影 RadialGradient 渐变 基础用法Container 是一个组合类容器，它本身不对应具体的 RenderObject，它是 DecoratedBox、ConstrainedBox、Transform、Padding、Align 等组件组合的一个多功能容器，所以我们只需... Continue reading...

本节目标常用按钮操作 FlatButton（扁平化） RaisedButton（有按下状态） OutlineButton（有边框） MaterialButton（Material... Continue reading...

本节目标 image 构造函数的 5 种方式 加载图片 Asset、NetworkImage 占位图 FadeInImage 头像 CircleAvatar 圆角 ClipRRec... Continue reading...

本节目标 Text 构造参数 TextStyle 样式构造参数 Text.rich、RichText、TextSpan 处理复杂字符显示 TextText Widget，从名字也... Continue reading...

本节目标 在 web 平台运行 Flutter macOS Catalina 和 iOS 13 支持 全新的 Material widget 全球语言支持 Dart 2.5 发布 工具链优化 在 web 平台运行 Flutter 更新 SDK 12> flutter channel master> flutter upgrade 启用 web 支持 123> flu... Continue reading...

本节目标 stateless、stateless 差别 动手封装两个 widget 来体验 点击切换 ... Continue reading...