Skip to content

Commit

Permalink
Initial Version
Browse files Browse the repository at this point in the history
  • Loading branch information
PuzzleTakX committed Sep 29, 2023
1 parent 14263a6 commit 5f8fa94
Show file tree
Hide file tree
Showing 2 changed files with 120 additions and 2 deletions.
103 changes: 101 additions & 2 deletions CHANGELOG.md
Original file line number Diff line number Diff line change
@@ -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

<div style="display: flex; flex-direction: row;">
<img src="https://github.com/PuzzleTakX/puzzletak_neon_widget/blob/master/demo/1.jpg?raw=true" alt="image_demo" width="300" height="700">

<img src="https://github.com/PuzzleTakX/puzzletak_neon_widget/blob/master/demo/2.jpg?raw=true" alt="second_image" width="300" height="700">
</div>


<img src="https://github.com/PuzzleTakX/puzzletak_neon_widget/blob/master/demo/4.gif?raw=true" alt="image_demo" width="300" height="700">

## 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).
19 changes: 19 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -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
Expand Down

0 comments on commit 5f8fa94

Please sign in to comment.