-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
14263a6
commit 5f8fa94
Showing
2 changed files
with
120 additions
and
2 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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). |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters