apptomate_custom_container 0.0.2
apptomate_custom_container: ^0.0.2 copied to clipboard
A highly configurable container widget with advanced styling options and shadow effects.
example/lib/main.dart
import 'package:flutter/material.dart';
import 'package:apptomate_custom_container/apptomate_custom_container.dart';
void main() {
runApp(const MyApp());
}
class MyApp extends StatelessWidget {
const MyApp({super.key});
// This widget is the root of your application.
@override
Widget build(BuildContext context) {
return MaterialApp(
debugShowCheckedModeBanner: false,
theme: ThemeData(
colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
useMaterial3: true,
),
home: MyHomePage(),
);
}
}
class MyHomePage extends StatelessWidget {
const MyHomePage({super.key});
@override
Widget build(BuildContext context) {
return Scaffold(
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
// Basic container with single shadow
CustomContainer(
height: 100,
width: 200,
child: Text('Basic Container'),
),
// Container with gradient and multiple shadows
CustomContainer(
width: 250,
margin: EdgeInsets.symmetric(vertical: 16),
padding: EdgeInsets.symmetric(horizontal: 16,vertical: 12),
borderRadius: 16,
shadows: [
ShadowConfig(color: Colors.blue, blurRadius: 10, offset: Offset(0, 4)),
ShadowConfig(color: Colors.white, blurRadius: 5, offset: Offset(0, -2)),
],
gradient: LinearGradient(colors: [Colors.blue, Colors.yellow]),
child: Text('Premium Container'),
border: Border.all(color: Colors.purple,width: 1),
),
// Circular container with inset shadow
CustomContainer(
shape: BoxShape.circle,
enableInsetShadow: true,
child: Icon(Icons.star),
)
],
),
),
);
}
}