# 탭바 (TabBar)

## AgnesTabBar

<figure><img src="https://2113601596-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQwN4pCJIiPfU3rtbboz1%2Fuploads%2F4PuGZK7oA0eshvkswKJz%2F%E1%84%90%E1%85%A2%E1%86%B8%E1%84%87%E1%85%A1.gif?alt=media&#x26;token=2e842947-1873-4139-a56a-6ced5a7e24a8" alt=""><figcaption></figcaption></figure>

### 주요 기능

* **다양한 탭 관리 :** 탭바는 여러 탭을 관리하고 각 탭을 클릭하면 해당 탭의 컨텐츠로 빠르게 전환할 수 있습니다. 이로써 다른 섹션 또는 페이지로 쉽게 이동할 수 있습니다.
* **사용자 지정 탭 디자인 :**  탭바는 탭의 디자인을 사용자가 지정할 수 있는 기능을 제공합니다. 탭의 텍스트, 아이콘, 색상 등을 변경하여 앱을 개선할 수 있습니다.
* **탭간 전환 애니메이션 :** 탭바를 사용하면 탭간의 전환 애니메이션을 손쉽게 구현할 수 있습니다. 각 탭을 선택하면 부드럽게 화면이 전환되어 사용자 경험을 향상 시킵니다.

### 예시 코드

```dart
AgnesTabBar(
        onTap: (index) {
          print('index: $index');
        },
        tabs: [Tab(text: "탭바1"), Tab(text: "탭바2")],
        views: [Center(child: Text('탭바1')), Center(child: Text('탭바2'))],
      ),
    );
```

위 코드는 ***`AgnesTabBar`*** 위젯을 사용하여 간단한 탭바를 생성하고 두 개의 탭을 만들어 해당 탭의 컨텐츠로 전환하는 예시 코드입니다.

탭바는 Flutter 앱에서 다양한 섹션, 페이지 또는 컨텐츠 간의 전환을 편리하게 제공하며, 사용자 경험을 향상시키는 데 큰 역할을 합니다. 앱의 다양한 부분을 탭으로 구성하여 사용자가 원하는 정보를 빠르게 찾고 접근할 수 있도록 도와줍니다. 탭바를 활용하여 앱 내에서 다양한 콘텐츠에 활용해보세요.

<br>