inner_curved_circle 0.0.2 copy "inner_curved_circle: ^0.0.2" to clipboard
inner_curved_circle: ^0.0.2 copied to clipboard

A Package that easily lets you create inner curved Containers

A Flutter package that provides a custom clipper with a unique inward top curve, allowing you to add visually appealing curves to your UI designs.

Features Custom clipper for Flutter widgets Create a deep inward curve on the top of any container or widget Easy to integrate and use in any Flutter app

Getting started Installation

Add the following line to your pubspec.yaml under dependencies:

dependencies: 
custom_clipper_package: ^0.0.2

Then run:

flutter pub get
import 'package:flutter/material.dart';
import 'package:custom_clipper_package/custom_clipper_package.dart'; // Import the package

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: MyHomePage(title: 'Custom Clipper Example'),
);
}
}

class MyHomePage extends StatelessWidget {
final String title;
const MyHomePage({super.key, required this.title});

@override
Widget build(BuildContext context) {
final size = MediaQuery.of(context).size;

    return Scaffold(
      appBar: AppBar(title: Text(title)),
      body: Column(
        mainAxisAlignment: MainAxisAlignment.end,
        children: [
          ClipPath(
            clipper: InwardTopCurveClipper(),
            child: Container(
              width: double.infinity,
              height: size.height * 0.3,
              padding: EdgeInsets.fromLTRB(20, size.height * 0.12, 20, 20),
              color: Colors.red,
              child: Column(
                mainAxisAlignment: MainAxisAlignment.center,
                children: [
                  Icon(Icons.star, color: Colors.white, size: size.width * 0.1),
                  Text(
                    'Premium Member',
                    style: TextStyle(
                      fontSize: size.width * 0.06,
                      fontWeight: FontWeight.w400,
                      color: Colors.white,
                    ),
                  ),
                ],
              ),
            ),
          ),
        ],
      ),
    );
}
}
0
likes
150
pub points
21%
popularity

Publisher

unverified uploader

A Package that easily lets you create inner curved Containers

Repository (GitHub)
View/report issues

Documentation

API reference

License

MIT (license)

Dependencies

flutter

More

Packages that depend on inner_curved_circle