inner_curved_circle 0.0.1

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.1

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