From 5f8fa949862b6856fa725a50307741af383b8221 Mon Sep 17 00:00:00 2001 From: PuzzleTakx Date: Fri, 29 Sep 2023 12:55:33 +0330 Subject: [PATCH] Initial Version --- CHANGELOG.md | 103 ++++++++++++++++++++++++++++++++++++++++++++++++++- README.md | 19 ++++++++++ 2 files changed, 120 insertions(+), 2 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 41cc7d8..01a73b7 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,3 +1,102 @@ -## 0.0.1 +# PuzzleTak Neon Widget (1.0.0) -* TODO: Describe initial release. +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 + +
+ image_demo + + second_image +
+ + +image_demo + +## Installation ☺ + +To use the NavigationView package, add the following dependency to your `pubspec.yaml` +file: + + +```yaml +dependencies: +puzzletak_neon_widget : ^1.0.0 +``` +Then, run `flutter pub get` to fetch the package. + +## Usage + +Import the package in your Dart file: + +```dart +import 'package:puzzletak_neon_widget/puzzletak_neon_widget.dart'; +``` + +Create a `PTTextNeon` widget and provide the necessary parameters: + +```dart + 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. + +```dart + 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](https://github.com/PuzzleTakX/puzzletak_neon_widget/tree/master/example) provided. + +## License + +This package is released under the MIT License. See the [LICENSE](https://github.com/PuzzleTakX/puzzletak_neon_widget/blob/master/LICENSE) +file for more details. + +## Credits + +NavigationView is developed and maintained by [puzzleTak](https://github.com/PuzzleTakX). \ No newline at end of file diff --git a/README.md b/README.md index 3d7bfee..01a73b7 100644 --- a/README.md +++ b/README.md @@ -68,6 +68,25 @@ The `blurRadius` parameter sets the blur radius of the neon glow effect. The `ba Feel free to experiment with different values for the parameters to achieve the desired neon text effect. +```dart + 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