https://github.com/ethiel97/flutter_text_hover
Aesthetic text hover effect for your Flutter apps
https://github.com/ethiel97/flutter_text_hover
Last synced: 2 months ago
JSON representation
Aesthetic text hover effect for your Flutter apps
- Host: GitHub
- URL: https://github.com/ethiel97/flutter_text_hover
- Owner: Ethiel97
- License: mit
- Created: 2023-03-09T00:48:50.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2023-03-09T01:12:57.000Z (over 2 years ago)
- Last Synced: 2025-02-07T17:38:34.080Z (4 months ago)
- Language: Dart
- Size: 4.59 MB
- Stars: 1
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
- A great flutter and efficacious package for an aesthetic text hover effect
## Usage
To use this package, add `text_hover` as a [dependency in your pubspec.yaml file](https://flutter.dev/docs/development/packages-and-plugins/using-packages).
## Demo
## Example
- Import the library
```dart
import 'package:text_hover/text_hover.dart';
```
- In order to use this package, we just need to give the `TextHover` widget a text with a config.
- `Config` is used to configure the hover effect and has `duration`,`letterWidth`, `hoverColor`, `textColor`, `duration`, `expand` properties
```dart
TextHover(
text: 'Aesthetic',
config: Config(
hoverColor: Colors.orangeAccent
),
)
```
## Documentation
### `TextHover` properties
| Name | Type | Default | Description |
|-------------------|--------------------------|---|--|
| text | `String` | required|the text to apply the hover effect on |
| config | `Config` | required | configuration of the hover effect |
Now enjoy!
**Refer to [example folder](example/lib/main.dart) and the source code for more information.**
## Acknowledgement
- I would like to thank David Philips [Philip Davis](https://twitter.com/philipcdavis) for the inspiration for this library, which I think will be useful for Flutter community.