inner_curved_circle 0.0.2

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,
                    ),
                  ),
                ],
              ),
            ),
          ),
        ],
      ),
    );
}
}