パッケージ、リポジトリ、アプリカテゴリを検索

smooth_compass のカバー
パッケージ詳細v2.0.17

smooth_compass

アニメーション回転とカスタムウィジェットをサポートするスムーズなコンパス(AndroidおよびiOS対応)

AndroidiOS
30日間ダウンロード
64
いいね数
65
Pub ポイント
140

パッケージをインストール

flutter pub add smooth_compass

パッケージ概要

公開情報に基づく選定ガイドです。参考としてご利用ください。

Smooth Compass は、Android および iOS の両方をサポートするアニメーション付きでスムーズなコンパスインターフェースを提供する Flutter パッケージです。デバイスのセンサーを利用して方位を検出し、滑らかな回転アニメーションを提供し、洗練されたユーザー体験を実現します。開発者はカスタムウィジェットを使用してコンパスの外観をカスタマイズでき、さまざまな UI デザインに統合できます。このパッケージは軽量で実装が簡単であり、ナビゲーションアプリやアウトドアツール、またはリアルタイムの方向フィードバックが必要なアプリに最適です。

用途

  • ナビゲーションアプリ
  • 屋外活動のトラッキング
  • 拡張現実インターフェース
  • ゲーム内の方向案内
  • マップベースのアプリケーション

主な機能

  • アニメーションコンパス回転
  • カスタムウィジェットのサポート
  • クロスプラットフォーム互換性(AndroidおよびiOS)
  • リアルタイムセンサー統合
  • スムーズなビジュアルトランジション

適している対象

  • ナビゲーション機能を構築する開発者
  • リアルタイムの方向感知を必要とするアプリ
  • UI中心のコンパス実装
  • クロスプラットフォームモバイルアプリ

注意事項

  • デバイスのジャイロスコープおよびマグネトメーターが必要です
  • センサーの権限処理が必要になる場合があります
  • パフォーマンスはデバイスのハードウェアに依存します
  • コンパス機能のみに制限

元の README

関連するソースリポジトリの README 原文のスナップショットです。最新の内容はリポジトリをご覧ください。

Smooth Compass

Customizable flutter package to find direction using device motion sensors.

Image Image
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

カテゴリー

依存関係

依存関係一覧 3 件

ソースリポジトリ

このパッケージを使用しているプロジェクト

データはまだありません。