摘要： 在flutter中的很多页面中，都会有下面这段代码： 对应就是下图中的红色线框区域，被称作AppBar顶部导航。 项目准备 在使用AppBar之前，我们先新建一个tabBar的项目： 然后在pages文件夹下新建AppBarDemo.dart页面： 然后配置路由： 并在Home.dart中添加跳转按 阅读全文

摘要： 在前面的基本路由和命名路由中，都演示了如何进行路由跳转，并且在路由跳转以后，可以借用系统自带的按钮就行返回上一级，当然了，也可以自定义按钮返回上一级。 返回上一级 在前面的例子中，当从Home.dart页面跳转到Search.dart页面后，除了系统自带的返回按钮，我们还自定义了一个按钮，然后使用N 阅读全文

摘要： 命名路由是区别于基本路由的一种存在，方便于大型项目中路由的统一管理，现在，在前面基本路由的项目基础上实现实现命名路由。 使用步骤 路由配置 命名路由在使用前，需要在根组件main.dart中进行简单的配置（前面是页面路径，后面是页面中的组件名称）： main.dart 路由跳转 路由配置完成以后，在 阅读全文

摘要： Flutter 中的路由通俗的讲就是页面跳转。在 Flutter 中通过 Navigator 组件管理路由导航，并提供了管理堆栈的方法。如：Navigator.push 和 Navigator.pop。Flutter 中给我们提供了两种配置路由跳转的方式：1、基本路由 2、命名路由 项目准备 由于页 阅读全文

摘要： 在flutter中，BottomNavigationBar 是底部导航条，可以让我们定义底部 Tab 切换，bottomNavigationBar是 Scaffold 组件的参数。 BottomNavigationBar 常见的属性 items ：List底部导航条按钮集合 iconSize ：ic 阅读全文

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

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

摘要： RaisedButton 为了实现今天的效果，在认识Wrap组件之前，先认识一下flutter中的按钮组件，Flutter 中通过 RaisedButton 定义一个按钮。 import 'package:flutter/material.dart'; void main() => runApp(M 阅读全文

摘要： Stack 在flutter中，Stack表示堆的意思，可以用来实现页面的定位布局。 Stack组件接收两个可选参数： alignment：配置所有子元素的显示位置 children：子组件 在上面的Stack组件里面定义了一个Container和两个Text组件，我们会发现这三个组件实现了重叠，并 阅读全文

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