# 탭바 (TabBar)

## AgnesTabBar

<figure><img src="/files/gbNvoT8suVa3OaObFt7q" 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>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://developer.aliothx.net/start/uiux/ui-ux/tabbar.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.