custom_clippers
custom_clippers is a package that contains multiple custom clippers and different types of message clippers which you can give to clipper property of ClipPath.
Getting Started
To use this package, add custom_clippers
as a dependency in your pubspec.yaml file.
Add dependency
dependencies:
custom_clippers: ^1.0.0
Import
import 'package:custom_clippers/custom_clippers.dart';
Usage
ClipPath(
clipper: MultiplePointsClipper(Sides.BOTTOM, heightOfPoint: 50),
child: Container(
height: 160,
padding: EdgeInsets.all(20),
color: Colors.red,
alignment: Alignment.center,
child: Text(
'Multiple Points Clipper Bottom Only',
style: TextStyle(fontSize: 16, fontWeight: FontWeight.bold),
),
),
),
Output
Supported Clippers
Libraries
- Clippers/directional_wave_clipper
- Clippers/multiple_points_clipper
- Clippers/multiple_rounded_points_clipper
- Clippers/sin_cosine_wave_clipper
- Clippers/ticket_pass_clipper
- custom_clippers
- enum/enums
- MessageClippers/diagonal_rounded_edges_message_clipper
- MessageClippers/lower_nip_message_clipper
- MessageClippers/three_rounded_edges_message_clipper
- MessageClippers/upper_nip_message_clipper
- MessageClippers/upper_nip_message_clipper_two