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

neon のカバー
パッケージ詳細v0.1.0

neon

アプリで美しいネオン看板を使用できるFlutterプラグインです。

AndroidiOSWebmacOSWindowsLinux
30日間ダウンロード
117
いいね数
43
Pub ポイント
140

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

flutter pub add neon

パッケージ概要

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

Neon は、開発者がアプリケーションに視覚的に印象的なネオンサインを簡単に統合できるようにするFlutterプラグインです。鮮やかな光沢、色のトランジション、滑らかなアニメーションを備えたカスタマイズ可能なネオンエフェクトを提供し、テキスト要素の視覚的魅力を高めます。モダンなUI、ゲームアプリ、クリエイティブインターフェースに最適で、Android、iOS、Web、macOS、Windows、Linuxなど複数のプラットフォームをサポートしています。軽量で、シンプルなウィジェットAPIを使用して簡単に実装できます。

用途

  • 目を引くアプリヘッダーの作成
  • ゲームや音楽アプリのインターフェースの向上
  • ダッシュボードに動的テキスト効果を追加する
  • 未来主義的またはレトロテーマのアプリをデザインする
  • アニメーション付きウェルカムスクリーンの実装

主な機能

  • 鮮やかなネオン輝きエフェクト
  • カスタマイズ可能な色と不透明度
  • スムーズなアニメーション遷移
  • クロスプラットフォーム互換性
  • シンプルなウィジェットベースの API
  • テキストの影とアウトラインのサポート

適している対象

  • 視覚的な魅力を求めるUIデザイナー
  • クリエイティブまたはエンターテインメントアプリを開発する開発者
  • アニメーションテキスト要素を必要とするプロジェクト
  • 若い層やテクノロジーに精通したユーザーをターゲットとしたアプリ
  • 未来主義的またはスタイリッシュなインターフェースのプロトタイピング

注意事項

  • 低性能デバイスでのパフォーマンスに影響を与える可能性があります
  • グロー効果は、すべてのプラットフォームで一貫してレンダリングされない可能性があります
  • 読みやすさのためにコントラストに注意が必要です
  • ミニマリズムまたはプロフェッショナルなデザインの文脈には適していない
  • 基本的なネオンスタイル以外のカスタマイズが限られている

元の README

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

neon

Neon

A Flutter plugin that allows you to use beautiful neon signs in your app. Link

description

As it is mentioned above, the plugin allows you to put neon style'sh signs into your app. There are several parameters for tunning:

String text - the actual text of the sign

MaterialColor color - text's color

double fontSize - text's size

NeonFont font - build-in fonts for the text:

- Automania
- Beon
- Cyberpunk
- LasEnter
- Membra
- Monoton
- Night-Club-70s
- Samarin
- TextMeOne

bool flickeringText - if the parameter is true text will be flickering with random frequency

List flickeringLetters - indexes of the letters in the text that will be flickering (if the parameter is null and flickeringText == true all the text will be flickering)

double blurRadius - radius of the blur effect

bool glowing - glowing parameter (glows if it's true)

Duration glowingDuration - the duration of the glowing

TextStyle textStyle - custom style for the text

code example

Neon(
    text: 'Retro',
    color: Colors.green,
    fontSize: 50,
    font: NeonFont.Membra,
    flickeringText: true,
    flickeringLetters: [0,1],
)

カテゴリー

依存関係

依存関係一覧 1 件

ソースリポジトリ

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

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