Text Neon Widget (1.0.0)

A Neon widget for Flutter: With this widget, you can bring all your text to life with neon animations, and all elements are customizable, allowing you to personalize them as you like. For support, please follow me.

Demo new

Installation ☺

To use the NavigationView package, add the following dependency to your pubspec.yaml file:

dependencies:
text_neon_widget : ^1.0.5

Then, run flutter pub get to fetch the package.

Usage

Import the package in your Dart file:

import 'package:text_neon_widget/text_neon_widget.dart';

Create a PTTextNeon widget and provide the necessary parameters:

     Row(
    mainAxisAlignment: MainAxisAlignment.center,
    children: [
            PTTextNeon(text: 'F l u t t e r ',color: Colors.lightBlue,
            font: "five",shine: true,fontSize: 40,
            strokeWidthTextHigh: 3,blurRadius: 25,
            strokeWidthTextLow: 1,backgroundColor: Colors.black,),
            
            PTTextNeon(text: ' & ',color: Colors.deepPurple,
            font: "five",shine: true,fontSize: 25,
            strokeWidthTextHigh: 3,blurRadius: 25,
            strokeWidthTextLow: 1,backgroundColor: Colors.black,),
            
            PTTextNeon(text: ' D a r t',color: Colors.teal,
            shine: true,fontSize: 40,
            font: "five",strokeWidthTextHigh: 3,blurRadius: 20,
            strokeWidthTextLow: 1,backgroundColor: Colors.black,),
        ],
    )

In the above code, the text parameter specifies the text to be displayed. The color parameter sets the color of the neon glow effect. The font parameter allows you to specify the font for the text.

You can enable or disable the shine effect using the shine parameter. The fontSize parameter controls the size of the text. The strokeWidthTextHigh and strokeWidthTextLow parameters define the stroke width of the text in the high and low intensity areas respectively.

The blurRadius parameter sets the blur radius of the neon glow effect. The backgroundColor parameter sets the background color of the text.

Feel free to experiment with different values for the parameters to achieve the desired neon text effect.

     PTTextNeon PTTextNeon({
      required String text,
      required MaterialColor color,
      String? font,
      double? fontSize,
      NeonLevel? levelNeon,
      Color? backgroundColor,
      int? highAlpha,
      int? lowAlpha,
      Duration? animatedChangeDuration,
      double? strokeWidthTextLow,
      double? strokeWidthTextHigh,
      double? blurRadius,
      bool? shine,
      Duration? shineDuration,
      TextStyle? textStyle, }) 

Example

For a complete example of using the NavigationView package, refer to the example provided.

License

This package is released under the MIT License. See the LICENSE file for more details.

##Tags GitHub Project: text_widget_view A GitHub project for creating eye-catching neon text effects using Flutter.

Neon Text Effect: Neon Text, Text Widget, Flutter Neon Effect
    Explore neon text effects for your Flutter app using the text_widget_view project.

Customizable Typography: Custom Fonts, Font Styling, Text Color
    Customize your neon text with various fonts, colors, and styles in text_widget_view.

Shine and Glow Effect: Neon Shine, Glow Text, Text Styling
    Learn how to enable and control the shine and glow effect for your text in Flutter.

Text Size and Stroke: Font Size, Stroke Width, Typography Settings
    Adjust text size and stroke width with precision for stunning typography.

Background Color: Text Background, Neon Text Background
    Set the perfect background color for your neon text with text_widget_view.

Flutter Development: Flutter, App Development, Mobile UI
    Ideal for developers interested in Flutter app development and creating captivating UI elements.

GitHub Open Source: Open Source, GitHub Repository, Code Sharing
    text_widget_view is an open-source project on GitHub, perfect for code sharing and collaboration.

Credits

NavigationView is developed and maintained by puzzleTak.