apptomate_custom_column 0.0.1
apptomate_custom_column: ^0.0.1 copied to clipboard
CustomColumn is an enhanced version of Flutter's standard Column widget that provides additional layout customization options.
example/lib/main.dart
import 'package:apptomate_custom_column/apptomate_custom_column.dart';
import 'package:flutter/material.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: const CustomColumnWidget(),
);
}
}
// Example Usage
class CustomColumnWidget extends StatelessWidget {
const CustomColumnWidget({super.key});
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(title: const Text('Custom Column')),
body: Padding(
padding: const EdgeInsets.all(16.0),
child: CustomColumn(
spacing: 16.0,
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.stretch,
padding: const EdgeInsets.symmetric(horizontal: 20.0),
separator: const Divider(color: Colors.grey, thickness: 1),
children: [
const Icon(Icons.star, color: Colors.amber, size: 40),
const Text(
'This is an enhanced custom column',
style: TextStyle(fontSize: 20, fontWeight: FontWeight.bold),
textAlign: TextAlign.center,
),
const Icon(Icons.check_circle, color: Colors.green, size: 40),
ElevatedButton(
onPressed: () {},
child: const Text('Example Button'),
),
const Text(
'With many more customization options',
style: TextStyle(fontSize: 16),
textAlign: TextAlign.center,
),
],
),
),
);
}
}