FLUTTER ECOSYSTEM

davidsdearaujo/tabbar

シンプルなタブバー。PageControllerを使用して再実装され、内部のPageViewの操作を容易にします。

タブバー のプロジェクト画像
Stars
7
Forks
11
最終プッシュ(UTC)
2021/03/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.