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

flutter_split_view 표지
패키지 상세v0.1.2

flutter_split_view

사용 가능한 공간에 따라 화면을 자동으로 두 개의 뷰로 분할하는 Flutter 위젯입니다. 이는 Navigator 2.0 기반입니다.

AndroidiOSWebmacOSWindowsLinux
30일 다운로드
77
좋아요
30
Pub 점수
150

패키지 설치

flutter pub add flutter_split_view

패키지 개요

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

Flutter Split View는 사용 가능한 공간에 따라 화면을 두 개의 조정 가능한 뷰로 자동으로 나누는 반응형 레이아웃 위젯이며, 네비게이터 2.0을 활용하여 탐색 및 상태 관리를 수행합니다. 다양한 기기와 플랫폼에서 원활하게 작동하는 적응형 UI를 만들기에 이상적입니다. 이 위젯은 화면 크기와 방향에 따라 레이아웃을 동적으로 조정하며, 마스터-디테일 패턴과 같은 듀얼패인 인터페이스에 적합합니다. Android, iOS, Web, macOS, Windows, Linux 등 모든 주요 Flutter 플랫폼을 지원합니다.

사용 사례

  • 마스터-디테일 레이아웃
  • 더블패인 탐색
  • 반응형 대시보드 디자인
  • 크로스 플랫폼 태블릿 UI
  • 적응형 모바일 및 데스크톱 인터페이스

주요 기능

  • 화면 공간 기반 자동 레이아웃
  • Navigator 2.0 통합
  • 모든 플러터 플랫폼을 지원합니다
  • 다이나믹 뷰 리사이징
  • 내장된 반응형 동작
  • 기존 경로와 쉽게 통합 가능

적합한 대상

  • 반응형 앱을 개발하는 개발자
  • 다중 플랫폼을 대상으로 하는 팀
  • 분할 화면 기능이 필요한 앱
  • 적응형 레이아웃에 중점을 둔 UI 디자이너
  • 현대적인 탐색 패턴을 사용하는 프로젝트

고려 사항

  • Navigator 2.0에 대한 이해 필요
  • 복잡한 레이아웃을 위해 맞춤 스타일링이 필요할 수 있습니다
  • 더 큰 화면 또는 태블릿에 적합
  • 비표준 분할에 대한 제한된 사용자 정의
  • 간단한 단일 뷰 앱에 적합하지 않음

원본 README

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

flutter_split_view

A Navigator 2.0 based Flutter widget that automatically splits the screen into two views based on available space.

Demo

Usage
MaterialApp(
    title: 'SplitView Demo',
    home: SplitView.material(
        child: MainPage(),
    ),
);

Cupertino:

CupertinoApp(
    title: 'SplitView Demo',
    home: SplitView.cupertino(
        child: MainPage(),
    ),
);
Navigating
Push
SplitView.of(context).push(SecondPage());

Push with an optional title, which will be used as the back button's title in Cupertino:

SplitView.of(context).push(
    SecondPage(),
    title: 'Second',
);
Pop
SplitView.of(context).pop();

Pop until the n-th page:

SplitView.of(context).popUntil(1);
Set the page displayed in the secondary view
SplitView.of(context).setSecondary(SecondPage());

This will clear the stack and push the new page, making it the second page in the stack.

Get whether the secondary view is visible
SplitView.of(context).isSecondaryVisible;
Example

카테고리

소스 저장소

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

아직 데이터가 없습니다.