A widget that creates a thick visual effect by stacking multiple layers of a given child
widget with slight translations based on the thickness
value.
![Thicken Preview](https://private-user-images.githubusercontent.com/45191605/374402041-c663a3fe-1410-47d0-a802-2b085b7cf551.gif?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk0MzM0MzAsIm5iZiI6MTczOTQzMzEzMCwicGF0aCI6Ii80NTE5MTYwNS8zNzQ0MDIwNDEtYzY2M2EzZmUtMTQxMC00N2QwLWE4MDItMmIwODViN2NmNTUxLmdpZj9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTMlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjEzVDA3NTIxMFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTg0MmEzYWEzNzFlODdjZGQ3NzViNGRmNWYyZTYyNzg1MGJiNGRiYjI1MTQxZGI5MjMxNGVkODBmYzQ1ZjUxNjMmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.zQSQ2YtBskHYK7L0frDYiv8w0VPjLf__wgf337BuPC4)
Add this line to your pubspec.yaml.
dependencies:
thicken: ^1.1.2
First, import the thicken package.
import 'package:thicken/thicken.dart';
And use it like this
Thicken(
thickness: 0.15,
child: Icon(
Icons.accessibility,
size: 50.0,
),
);
Property | Purpose |
---|---|
pixelRatio | The sharpness quality of the stroke. |
thickness | The amount of thickness applied. (It is not recommended to set thickness greater than 1.0) |
child | The child widget that will be thickened as multiple layers. |