https://github.com/surfstudio/flutter-ink-widget
https://github.com/surfstudio/flutter-ink-widget
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/surfstudio/flutter-ink-widget
- Owner: surfstudio
- License: apache-2.0
- Archived: true
- Created: 2021-07-09T05:38:59.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2023-04-24T11:17:06.000Z (over 2 years ago)
- Last Synced: 2025-03-29T19:22:20.489Z (6 months ago)
- Language: Dart
- Size: 72.3 KB
- Stars: 5
- Watchers: 6
- Forks: 0
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# Ink Widget
[](https://github.com/surfstudio/SurfGear/tree/main/packages/ink_widget)
[](https://codecov.io/gh/surfstudio/SurfGear)
[](https://pub.dev/packages/ink_widget)
[](https://pub.dev/packages/ink_widget)
[](https://pub.dev/packages/ink_widget/score)
This package made by [Surf](https://surf.ru/).
## Description
Widget library with ink effect without problems with decoration for child.
## Installation
Add ink widget to your `pubspec.yaml` file:
```yaml
dependencies:
ink_widget: ^2.0.0
```## Example
```dart
Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
InkWidget(
onTap: () {},
splashColor: Colors.green,
child: const Text('default InkWidget'),
),
const SizedBox(height: 20),
InkWidget(
disable: true,
onTap: () {},
child: const Text('disable InkWidget'),
),
const SizedBox(height: 20),
InkWidget(
shapeBorder: const RoundedRectangleBorder(
borderRadius: BorderRadius.all(Radius.circular(20)),
),
onTap: () {},
child: Container(
padding: const EdgeInsets.all(10),
decoration: const BoxDecoration(
color: Colors.red,
borderRadius: BorderRadius.all(
Radius.circular(20),
),
),
child: const Text('Container with BoxDecoration'),
),
),
const SizedBox(height: 20),
InkWidget(
onTap: () {},
inkWellWidget: InkWell(onTap: () {}),
child: const Text('Custom InkWell (see code)'),
),
const SizedBox(height: 20),
InkWidget(
disable: true,
onTap: () {},
disableWidget: Container(
height: 50,
color: Colors.white.withOpacity(.2),
child: const Align(
alignment: Alignment.bottomLeft,
child: Text('text in disableWidget'),
),
),
child: const Text('Custom disableWidget (see code)'),
),
],
),
),
```You can use both `stable` and `dev` versions of the package listed above in the badges bar.
## Changelog
All notable changes to this project will be documented in [this file](./CHANGELOG.md).
## Issues
For issues, file directly in the Issues section.
## Contribute
If you would like to contribute to the package (e.g. by improving the documentation, solving a bug or adding a cool new feature), please review our [contribution guide](../../CONTRIBUTING.md) first and send us your pull request.
Your PRs are always welcome.
## How to reach us
Please feel free to ask any questions about this package. Join our community chat on Telegram. We speak English and Russian.
[](https://t.me/SurfGear)
## License
[Apache License, Version 2.0](https://www.apache.org/licenses/LICENSE-2.0)