パッケージ詳細v2.0.0

custom_sliding_segmented_control

コントロールを表示するウィジェットを柔軟に構成できます。色、速度、サイズ、初期値、アニメーションなどを追加できます。

AndroidiOSWebmacOSWindowsLinux

pub.dev API ドキュメントソースコード

30日間ダウンロード: 6万
いいね数: 232
Pub ポイント: 150

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

flutter pub add custom_sliding_segmented_control

パッケージ概要

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

カスタマイズ可能な外観と動作を備えたスライド式セグメントコントロールを作成するための柔軟なFlutterウィジェットです。色、アニメーション速度、サイズ、初期選択、セグメント間のスムーズな遷移を調整できます。インタラクティブで視覚的に魅力的なタブ型ナビゲーションにより、ユーザーインターフェースを強化するのに最適です。このコントロールは非常にカスタマイズ可能で、Android、iOS、Web、macOS、Windows、Linuxを含むすべての主要プラットフォームで動作します。

用途

カスタムタブナビゲーション
インタラクティブなフォームフィルタ
動的コンテンツ切り替え
ユーザーの好みセレクタ
アニメーション付きUI遷移

主な機能

カスタマイズ可能な色
調整可能なアニメーション速度
サイズ変更可能なセグメント
初期値の設定
スムーズなスライドアニメーション
クロスプラットフォーム対応

適している対象

カスタムタブインターフェースが必要な開発者
アニメーション付きコントロールを希望するデザイナー
動的コンテンツフィルタリングを備えたアプリ
UI重視のアプリケーション
マルチプラットフォーム Flutter プロジェクト

注意事項

状態管理の慎重な取り扱いが必要です
大規模なセグメント数に対してパフォーマンスチューニングが必要になる可能性があります
一部の領域ではドキュメントが限られている
明確な視覚フィードバックと併用すると最適です

元の README

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

CustomSlidingSegmentedControl

Allows you to flexibly configure the widget for displaying controls. You can add color, speed, size, initial value, animation and more.

Example

import 'package:custom_sliding_segmented_control/custom_sliding_segmented_control.dart';

CustomSlidingSegmentedControl<int>(
  initialValue: 2,
  children: {
    1: Text('News daily portal'),
    2: Text('Map'),
    3: Text('Paper'),
  },
  decoration: BoxDecoration(
    color: CupertinoColors.lightBackgroundGray,
    borderRadius: BorderRadius.circular(8),
  ),
  thumbDecoration: BoxDecoration(
    color: Colors.white,
    borderRadius: BorderRadius.circular(6),
    boxShadow: [
      BoxShadow(
        color: Colors.black.withOpacity(.3),
        blurRadius: 4.0,
        spreadRadius: 1.0,
        offset: Offset(
          0.0,
          2.0,
        ),
      ),
    ],
  ),
  duration: Duration(milliseconds: 300),
  curve: Curves.easeInToLinear,
  onValueChanged: (v) {
    print(v);
  },
),