摘要:
Flutter 中的路由通俗的讲就是页面跳转。在 Flutter 中通过 Navigator 组件管理路由导航。并提供了管理堆栈的方法。如:Navigator.push 和 Navigator.pop Flutter 中给我们提供了两种配置路由跳转的方式:1、基本路由 2、命名路由 基本路由 比如我 阅读全文
摘要:
BottomNavigationBar常用的属性: 属性名 说明 items List<BottomNavigationBarItem> 底部导航条按钮集合 iconSize icon currentIndex 默认选中第几个 onTap 选中变化回调函数 fixedColor 选中的颜色 type 阅读全文
摘要:
Wrap 可以实现流布局,单行的 Wrap 跟 Row 表现几乎一致,单列的 Wrap 则跟 Row 表现几乎一致。但 Row 与 Column 都是单行单列的,Wrap 则突破了这个限制,mainAxis 上空间不足时,则向 crossAxis 上去扩展显示。 Wrap组件的常用属性: 属性 说明 阅读全文
摘要:
import 'package:flutter/material.dart'; import 'res/listData.dart'; void main() { runApp(MaterialApp( title: "demo", home: MyApp(), )); } class MyApp 阅读全文
摘要:
Card 是卡片组件块,内容可以由大多数类型的 Widget 构成,Card 具有圆角和阴影,这让它看起来有立体感。 Card组件的常用属性: 属性 说明 margin 外边距 child 子组件 shape Card的阴影效果,默认的阴影效果为圆角的长方形边 import 'package:flu 阅读全文
摘要:
AspectRatio 的作用是根据设置调整子元素 child 的宽高比。 AspectRatio 首先会在布局限制条件允许的范围内尽可能的扩展,widget 的高度是由宽度和比率决定的,类似于 BoxFit 中的 contain,按照固定比率去尽量占满区域。 如果在满足所有限制条件过后无法找到一个 阅读全文
摘要:
Stack 表示堆的意思,我们可以用 Stack 或者 Stack 结合 Align 或者 Stack 结合 Positiond 来实现页面的定位布局。 Stack组件 常用于两个子元素。 Stack组件的常用属性: 属性 说明 alignment 配置所有子元素的显示位置 children 子组件 阅读全文
摘要:
Expanded组件可以结合Row和Column布局组件使用。 Expanded组件的常用属性 属性 说明 flex 元素占整个父Row/Column的比例 child 子元素 import 'package:flutter/material.dart'; void main() { runApp( 阅读全文
摘要:
Column组件的常用属性 属性 说明 mainAxisAlignment 主轴的排序方式 crossAxisAlignment 次轴的排序方式 children 组件子元素 import 'package:flutter/material.dart'; void main() { runApp(M 阅读全文
摘要:
Row组件的常用属性 属性 说明 mainAxisAlignment 主轴的排序方式 crossAxisAlignment 次轴的排序方式 children 组件子元素 import 'package:flutter/material.dart'; void main() { runApp(Mate 阅读全文