패키지, 저장소 및 앱 카테고리 검색

pinterest_nav_bar 표지
패키지 상세v0.0.1+5

pinterest_nav_bar

새로운 Flutter 패키지 프로젝트입니다.

AndroidiOSWebmacOSWindowsLinux
30일 다운로드
4
좋아요
26
Pub 점수
120

패키지 설치

flutter pub add pinterest_nav_bar

패키지 개요

공개 정보를 바탕으로 생성한 선택 가이드입니다.

Pinterest 스타일의 하단 탐색 바를 구현하는 플러터 패키지로, 중심에 부유형 작업 버튼과 균일하게 배치된 아이콘을 갖춘 독특하고 시각적으로 매력적인 인터페이스를 제공합니다. 현대 앱 미학을 위해 설계되었으며, 단순함과 창의적인 레이아웃을 결합하여 사용자 상호작용을 향상시킵니다. Android, iOS, 웹, macOS, Windows, Linux 등 여러 플랫폼을 지원하여 크로스플랫폼 일관성을 보장합니다. 표준 하단 탐색 바를 넘어서 독특한 탐색 경험을 원하는 앱에 적합합니다.

사용 사례

  • 창의적인 앱 인터페이스
  • 소셜 미디어 앱
  • 사진 또는 콘텐츠 공유 플랫폼
  • 모바일 우선 디자인 애플리케이션
  • 크로스 플랫폼 모바일 앱

주요 기능

  • Pinterest 스타일의 디자인
  • 중앙 플로팅 액션 버튼
  • 균일하게 배치된 아이콘 레이아웃
  • 크로스 플랫폼 호환성
  • 사용자 지정 가능한 색상 및 크기 옵션

적합한 대상

  • 디자인 중심의 Flutter 개발자
  • 고유한 탐색이 필요한 앱
  • 다중 플랫폼을 대상으로 하는 개발자
  • 시각적 매력에 중점을 둔 프로젝트
  • 현대적인 UI/UX 실험

고려 사항

  • 브랜드 일치를 위해 추가 스타일링이 필요할 수 있습니다
  • 하단 탐색 사용 사례에 제한됨
  • 복잡한 탐색 구조에는 적합하지 않습니다
  • 사용자 정의를 위한 잠재적 학습 곡선
  • 완전한 기능을 위해 외부 종속성에 의존합니다

원본 README

연결된 소스 저장소의 README 원문 스냅샷입니다. 최신 내용은 저장소에서 확인하세요.

pinterest_nav_bar

Pinterest app's Like bottom navigation bar.

Light theme Dark theme
Light theme mode video GIF Dark theme mode video GIF

Getting Started

Wrap you [MaterialApp] widget with [PinterestNavBarController] widget

    return PinterestNavBarController(
      child: MaterialApp(
        title: 'Pinterest Nav Bar Example',
        home: Pages(),
      ),
    );

Adding the widget

  • Note: it is recommended that you use this widget as the Floadting Action Button
      floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked,
      floatingActionButton: PinterestNavBar(
        currentIndex: selectedPageIndex,
        onTap: (i) {
          print('PinterestNavBar.onTap($i)');
          setState(() {
            selectedPageIndex = i;
          });
        },
        items: [
          Icons.home,
          Icons.search,
          Icons.chat_bubble_outline_rounded,
          Icons.person
        ],
      ),
  • check out the example app code for complete understanding

카테고리

의존성

의존성 목록 1 개

소스 저장소

이 패키지를 사용하는 프로젝트

아직 데이터가 없습니다.