platform_adaptive_buttons

パッケージ概要

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

Android、iOS、Web、macOS、Windows、Linux のいずれかのターゲットプラットフォームのデザインガイドラインに自動的に適合するように外観と動作を調整するボタンウィジェットを提供するFlutterパッケージです。AndroidではMaterial Design、AppleプラットフォームではiOS人間インターフェースガイドラインを適用することで、一貫したUXを実現します。このパッケージは、手動でのプラットフォームチェックやカスタム実装の必要性を減らすことで、クロスプラットフォーム開発を簡素化します。

用途

ネイティブボタンを使用したクロスプラットフォームアプリの構築
複数のオペレーティングシステムにわたるUIの一貫性を簡素化する
プラットフォーム固有のコードを使わずに応答性のあるインターフェースを作成する
プラットフォームに適したインタラクションによるユーザーエクスペリエンスの向上
プラットフォームに応じたボタンを実装する際のボイラープレートを削減する

主な機能

自動プラットフォーム検出
各ターゲットOS用のネイティブスタイル
カスタマイズ可能なボタンのコンテンツと動作
すべての主要なFlutterプラットフォームをサポート
単一のウィジェットによる最小構成

適している対象

複数のプラットフォームをターゲットにする開発者
ネイティブUXを優先するチーム
最小限のプラットフォーム固有コードを必要とするプロジェクト
厳格なデザイン基準を持つUI中心のアプリケーション
一貫したボタン動作による迅速なプロトタイピング

注意事項

カスタムデザインがデフォルトから逸脱する場合、追加のスタイル設定が必要になる可能性があります
ボタン固有の調整に限定
アプリ内の正しいプラットフォーム構成に依存しています
非常にカスタマイズされた非ネイティブなボタンスタイルには適していません
プラットフォーム固有のデザイン原則の理解が必要です

元の README

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

A flutter utility that allows you to easily adapt your material buttons to the iOS style.

Getting started

Just create your button as you would normally do, and then append .adaptive() to it and thats it.

ElevatedButton(
    onPressed: () {},
    child: const Text('Tap me!'),
).adaptive(context);

it works with the following buttons:
ElevatedButton, TextButton, OutlinedButton, and FilledButton.

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

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