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

ducafecatFlutter エコシステムナビ
パッケージ詳細v0.1.7

nice_button

Flutter用のパッケージで、AndroidおよびiOSアプリで手軽に美しいボタンをデザインできます。お楽しみください！

pub.dev API ドキュメント ソースコード
30日間ダウンロード
81
いいね数
63
Pub ポイント
40

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

flutter pub add nice_button

パッケージ概要

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

Nice_Buttonは、AndroidおよびiOS向けに視覚的に魅力的なボタンを作成するのを簡単にするためのFlutterパッケージです。広範なコーディングなしで、魅力的でカスタマイズ可能なボタンを簡単にデザインできる使いやすいインターフェースを提供しています。組み込みのアニメーションとスタイルオプションにより、開発者はアプリのUIを迅速かつ効率的に向上させることができます。滑らかなトランジションやモダンなボタンデザインをサポートしており、洗練された外観を目指すアプリに最適です。特に、迅速なプロトタイピングや一貫したボタンの美意識が重要なプロジェクトにおいて非常に役立ちます。

用途

  • モバイルアプリでアニメーションボタンを作成する
  • スタイリッシュなボタンデザインでUIを強化する
  • インタラクティブなインターフェースの迅速なプロトタイピング
  • 視覚フィードバックを通じたユーザー参加度の向上
  • プラットフォーム間で一貫したボタンスタイルを追加する

主な機能

  • 事前に構築された美しいボタンテンプレート
  • スムーズなアニメーション効果
  • クロスプラットフォーム互換性（Android および iOS）
  • プロパティによる簡単なカスタマイズ
  • 最小限のセットアップが必要

適している対象

  • 初心者のFlutter開発者
  • UI中心のアプリケーションプロジェクト
  • 一貫したボタンスタイルを必要とするアプリ
  • 高速なUI開発を必要とするプロトタイプ
  • 視覚的魅力に重点を置いたプロジェクト

注意事項

  • ボタン固有の機能に限定される
  • 高度なジェスチャー操作のサポートなし
  • 外部のデザイン選択に依存する
  • 複雑な使用ケースには追加のスタイリングが必要になる場合があります
  • ボタン以外のUIコンポーネントには適していません

元の README

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

nice_button

pub package Donate

A Flutter package for Android and IOS to design nice buttons with no hassle in your app. Enjoy !

Installation

Add the following to pubspec.yaml

dependencies:
  ...
  nice_button: ^0.1.7

Usage Example

import nice_button.dart

import 'package:nice_button/nice_button.dart';
For normal buttons
NiceButton(
    width: 255,
    elevation: 8.0,
    radius: 52.0,
    text: "Login",
    background: yourColor,
    onPressed: () {
        print("hello");
        },
    ),
For mini buttons

Icon is required in this case

NiceButton(
    mini: true,
    icon: Icons.home,
    background: yourColor,
    onPressed: () {
        print("hello");
    },
    )
For gradient buttons
var firstColor = Color(0xff5b86e5), secondColor = Color(0xff36d1dc);

NiceButton(
    radius: 40,
    padding: const EdgeInsets.all(15),
    text: "Register",
    icon: Icons.account_box,
    gradientColors: [secondColor, firstColor],
    onPressed: () {},
    )

Package demo

Refer to example folder and the source code for more information.

カテゴリー

ボタンとプログレスボタン

ソースリポジトリ

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

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