Flutter初步探索(二)使用Tabs

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Flutter初步探索(二)使用Tabs相关的知识,希望对你有一定的参考价值。

参考技术A 在Material的设计准则里面,tabs是一个常用的模块。Flutter里面包含了 material library 创建tab布局的简便方法

为了使tab起作用,我们需要保持选中的tab和相关内容同步。这就是 TabController 的职责。

我们可以手动创建 TabController ,也可以使用 DefaultTabController 小部件。使用 DefaultTabController 是最简单的选项,因为它将为我们创建一个 TabController ,并使它可用于所有子类Widget。

现在我们已经有个一个 TabController ,我们可以 TabBar Widget去使用创建我们的tab。在这个示例中,我们将会在一个 AppBar 下.创建一个包含3个 Tab Widgets 的 TabBar 。

默认情况下, TabBar 在Widget树中查找最近的 DefaultTabController 。如果是手动创建的 TabController ,则需要将其传递到“TabBar”。

既然我们有了选项卡,那么我们就需要在选择选项卡时显示相关的内容。因此,我们将使用 TabBarView Widget.

备注: 顺序很重要,必须与 TabBar 中的选项卡的顺序相对应!

1. Flutter初步探索(二)使用Tabs

1. Working with Tabs

以上是关于Flutter初步探索(二)使用Tabs的主要内容,如果未能解决你的问题,请参考以下文章

基于Flutter+FaaS的业务框架思考与实践

Flutter入门Dart语言:初步了解内建类型

(webpack系列二)webpack打包优化探索

(webpack系列二)webpack打包优化探索

java反射的初步探索

GitHub初步探索-1-使用本地代码仓库,简化上传的过程