smooth_compass

패키지 개요

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

Smooth Compass는 Android 및 iOS를 모두 지원하는 애니메이션 효과가 있는 부드러운 컴패스 인터페이스를 제공하는 Flutter 패키지입니다. 장치 센서를 활용하여 방향을 감지하고 매끄러운 회전 애니메이션을 제공하여 완성도 높은 사용자 경험을 구현합니다. 개발자는 커스텀 위젯을 사용해 컴패스의 외관을 맞춤화할 수 있으며, 다양한 UI 디자인에 쉽게 통합할 수 있습니다. 이 패키지는 가볍고 설치가 쉬워, 내비게이션 앱, 아웃도어 도구 또는 실시간 방향 피드백이 필요한 모든 앱에 적합합니다.

사용 사례

내비게이션 앱
야외 활동 추적
증강 현실 인터페이스
게임 내 방향 안내
지도 기반 응용 프로그램

주요 기능

애니메이션 컴패스 회전
사용자 정의 위젯 지원
크로스 플랫폼 호환성 (Android 및 iOS)
실시간 센서 통합
부드러운 시각적 전환

적합한 대상

내비게이션 기능을 구축하는 개발자
실시간 방향 감지가 필요한 앱
사용자 인터페이스 중심의 컴패스 구현
크로스 플랫폼 모바일 앱

고려 사항

장치의 자이로스코프 및 자기계 센서가 필요합니다
센서에 대한 권한 처리가 필요할 수 있습니다
성능은 기기 하드웨어에 따라 달라집니다
자기침 기능만 사용 가능

원본 README

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

Smooth Compass

Customizable flutter package to find direction using device motion sensors.


SmoothCompass with default Widget	SmoothCompass with custom Widget

Features

Extensive, yet easy to use
Preconfigured UI with customizable styling
Custom builder
Locale support
Smooth Rotation
Values in degrees

Usage

Make sure to check out examples

Installation

Add the following line to pubspec.yaml:

dependencies:
  smooth_compass: ^1.0.2

Basic setup

The complete example is available here.

SmoothCompass requires you to provide compassBuilder which returns:

degrees is the directional value.
turns is the value for compass rotation.
compassAsset the (default) widget for compass.

SmoothCompass Optional Arguments Height, Width, Duration and compassAsset:

compassAsset is the customizable widget for compass. if not provider default will shown.

Default Widget:

SmoothCompass(
 rotationSpeed: 200,
 height: 300,
 width: 300,
// compassAsset:CustomWidget(),   you custom compass widget here
 compassBuilder: (context,AsyncSnapshot<CompassModel>? compassData,Widget compassAsset){
   return compassAsset;
    },
  ),

Custom Widget:

SmoothCompass(
 rotationSpeed: 200,
 height: 300,
 width: 300,
  compassAsset:Container(
  height:200,
  width:200,
    decoration:BoxDecoration(
    shape:BoxShape.circle,
    image:DecorationImage(
    image:AssetImage("path for compass image"),
    fit:BoxFit.cover
   )
  ),
),
 compassBuilder: (context,AsyncSnapshot<CompassModel>? compassData,Widget compassAsset){
   return compassAsset;
    },
  ),

Support

for any queries or issue contact at:

alihadi5125@gmail.com
fadiktk000@gmail.com

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

패키지 설치