随笔分类 -  402.Flutter

摘要：在 Flutter 中自定义组件其实就是一个类，这个类需要继承 StatelessWidget/StatefulWidget。 StatelessWidget 是无状态组件，状态不可变的 widget StatefulWidget 是有状态组件，持有的状态可能在 widget 生命周期改变。通俗的讲 阅读全文

摘要：Wrap 可以实现流布局，单行的 Wrap 跟 Row 表现几乎一致，单列的 Wrap 则跟 Row 表 现几乎一致。但 Row 与 Column 都是单行单列的，Wrap 则突破了这个限制，mainAxis 上空 间不足时，则向 crossAxis 上去扩展显示。 属性 说明 direction 阅读全文

摘要：Flutter AspectRatio 组件 AspectRatio 的作用是根据设置调整子元素 child 的宽高比。 AspectRatio 首先会在布局限制条件允许的范围内尽可能的扩展，widget 的高度是由宽 度和比率决定的，类似于 BoxFit 中的 contain，按照固定比率去尽量占 阅读全文

摘要：命令行里运行 flutter packages get 阅读全文

摘要：Stack 表示堆的意思，我们可以用 Stack 或者 Stack 结合 Align 或者 Stack 结合 Positiond 来实现页面的定位布局 属性 说明 alignment 配置所有子元素的显示位置 children 子组件 Stack 表示堆的意思，我们可以用 Stack 或者 Stac 阅读全文

摘要：Flutter Paddiing 组件 在 html 中常见的布局标签都有 padding 属性，但是 Flutter 中很多 Widget 是没有 padding 属 性。这个时候我们可以用 Padding 组件处理容器与子元素直接的间距。 属性 说明 padding padding 值, Edg 阅读全文

摘要：当数据量很大的时候用矩阵方式排列比较清晰。此时我们可以用网格列表组件 GridView 实 现布局。 GridView 创建网格列表有多种方式，常用有以下两种。 1、可以通过 GridView.count 实现网格布局 2、通过 GridView.builder 实现网格布局 示例代码 import 阅读全文

摘要：列表常见的情况: 1、垂直列表 2、垂直图文列表 3、横向列表 4、动态列表 名称 类型 说明 scrollDirection Axis Axis.horizontal 横向列表 Axis.vertical 垂直列表(默认垂直列表) padding EdgeInsetsGeometry 内边距 re 阅读全文

摘要：加入图片的几种方式 Image.asset:加载资源图片，就是加载项目资源目录中的图片,加入图片后会增大打包的包体体积，用的是相对路径。 Image.network:网络资源图片，意思就是你需要加入一段http://xxxx.xxx的这样的网络路径地址。 Image.file:加载本地图片，就是加载 阅读全文

摘要：Flutter Text 组件 TextAlign属性 TextAlign属性就是文本的对齐方式，它的属性值有如下： center: 文本以居中形式对齐,这个也算比较常用的了。 left:左对齐，经常使用，让文本居左进行对齐，效果和start一样。 right :右对齐，使用频率也不算高。 star 阅读全文

摘要：1、Vscode 中打开 flutter 项目进行开发 2、运行 Flutter 项目 flutter run r 键:点击后热加载，也就算是重新加载吧。 p 键:显示网格，这个可以很好的掌握布局情况，工作中很有用。 o 键:切换 android 和 ios 的预览模式。 q 键:退出调试预览模式。 阅读全文

摘要：Flutter 目录结构介绍 文件夹 作用 android android 平台相关代码 ios ios 平台相关代码 lib flutter 相关代码，我们主要编写的代 码就在这个文件夹 test 用于存放测试代码 pubspec.yaml 配置文件，一般存放一些第三方库的依 赖。 Flutter 阅读全文

摘要：用命令行创建项目： VSCode或者AS连接手机后 输入 编译后就可以将默认的代码显示在手机上了 开始写hello world 代码，这段代码写在根目录\lib\main.dart文件中，也是Flutter主文件。 整个代码如下 VSCode中如何热加载 Vscode 默认连不上第三方模拟器解决方案 阅读全文

摘要：Flutter 是谷歌公司开发的一款开源、免费的移动 UI 框架，可以让我们快速的在 Android 和iOS 上构建高质量 App。它最大的特点就是跨平台、以及高性能。 Flutter 基于谷歌的 dart 语言，如果没有任何 Dart 语言的基础，不建议直接学习 Flutter。建议先学习 Da 阅读全文