FLUTTER ECOSYSTEM

davidsdearaujo/tabbar

简单的标签栏,使用 PageController 重写,并便于操作内部的 PageView。

标签栏 项目封面
Stars
7
Forks
11
最近推送(UTC)
2021年3月26日
项目状态
未归档
David Araujo GitHub avatar
GITHUB User

David Araujo ↗

Front End Developer at Autonation | Flutter Google Mentor | Flutterando Founder

Autonation
语言DartSwiftKotlinObjective-C

此仓库发布的插件

使用的依赖

依赖清单 2 项
  • flutter{"sdk":"flutter"}
  • flutter_test开发依赖{"sdk":"flutter"}

原始 README

以下为英文项目原文快照,最新内容请访问 GitHub。

展开 / 收起项目 README

tabbar

Simple tabbar, rewritten using pagecontroller and facilitating manipulation of the internal PageView. Its layout is very similar to TabBarView, as the following image:

https://github.com/davidsdearaujo/tabbar/blob/master/screenshots/screenshot_1.png?raw=true

Simple use

Controller declaration

final controller = PageController();

Header


TabbarHeader(
  controller: controller,
  tabs: [
    Tab(child: Icon(Icons.ac_unit)),
    Tab(text: "Tab 2"),
    Tab(child: Icon(Icons.access_alarm)),
  ],
),

Content

TabbarContent(
  controller: controller,
  children: <Widget>[
    Container(color: Colors.yellow),
    Container(color: Colors.red),
    Container(color: Colors.purple),
  ],
),

Getting Started

This project is a starting point for a Dart package, a library module containing code that can be shared easily across multiple Flutter or Dart projects.

For help getting started with Flutter, view our online documentation, which offers tutorials, samples, guidance on mobile development, and a full API reference.