dot_matrix_text 0.0.1 copy "dot_matrix_text: ^0.0.1" to clipboard
dot_matrix_text: ^0.0.1 copied to clipboard

A Flutter package to create dot matrix text effects.

Dot Matrix Text Plugin for Flutter #

A Flutter plugin for creating customizable dot matrix text displays.

Features #

  • Customizable LED size and spacing
  • Adjustable text style and color
  • Mirror mode for reversed text
  • Flicker mode for dynamic effects
  • Invertible colors
  • Customizable board size

Getting started #

To use this plugin, add dot_matrix_text as a dependency in your pubspec.yaml file.

dependencies:
  dot_matrix_text: ^0.0.1

Parameters #

Parameter Type Default Description
text String Required The text to be displayed in dot matrix style.
ledSize double 4.0 The size of each LED dot.
ledSpacing double 2.0 The spacing between each LED dot.
blankLedColor Color Color.fromRGBO(10, 10, 10, 1) The color of the LEDs that are off (blank).
boardSize Size? null The size of the board that will display the text. If null, the size is calculated based on text.
textStyle TextStyle TextStyle(fontSize: 100.0, fontWeight: FontWeight.bold, color: Colors.red) The text style for the displayed text.
mirrorMode bool false Whether to mirror the text horizontally.
flickerMode bool false Whether to enable a flickering effect on the LEDs.
invertColors bool false Whether to invert the colors of the LEDs.
alignment Alignment Alignment.center The alignment of the text.

Usage #

Import the package in your Dart code:

import 'package:dot_matrix_text/dot_matrix_text.dart';

Basic usage:

DotMatrixText(text: 'Hello World')

Customizing appearance #

You can customize various aspects of the dot matrix display:

DotMatrixText(
  text: 'Custom Text',
  ledSize: 5.0,
  ledSpacing: 3.0,
  blankLedColor: Colors.grey[800],
  textStyle: TextStyle(
    fontSize: 80,
    fontWeight: FontWeight.w600,
    color: Colors.green,
  ),
  mirrorMode: true,
  flickerMode: true,
  invertColors: false,
)

Setting a custom board size #

By default, the board size is calculated based on the text. You can set a custom size:

DotMatrixText(
  text: 'Fixed Size',
  boardSize: Size(300, 150),
  // ... other properties
)

Additional information #

This plugin is built using Flutter Hooks for efficient state management. It provides a highly customizable dot matrix text display that can be used for various applications such as LED sign simulations, retro-style displays, or unique text presentations in your Flutter apps.

For more detailed examples and advanced usage, please refer to the example app in the GitHub repository.

Issues and feedback #

Please file issues, bugs, or feature requests in our issue tracker.

Contributing #

Contributions are welcome! If you would like to improve this plugin, please create a pull request with your changes.

License #

This project is licensed under the MIT License - see the LICENSE file for details.

Hero LED Display App #

The dot_matrix_text plugin was used to create the Hero LED Display app on the App Store. This app provides a customizable dot matrix display, allowing users to create unique LED sign simulations and retro-style text displays.

3
likes
0
points
24
downloads

Publisher

unverified uploader

Weekly Downloads

A Flutter package to create dot matrix text effects.

Repository (GitHub)
View/report issues

Topics

#text #ui-components #dot-matrix #led-text

License

unknown (license)

Dependencies

flutter

More

Packages that depend on dot_matrix_text