responsive_addons 2.0.0
responsive_addons: ^2.0.0 copied to clipboard
A powerful Flutter package that provides responsive UI utilities and a Bootstrap-style grid system for building adaptable layouts across all screen sizes and devices.
example/lib/main.dart
import 'package:flutter/material.dart';
import 'package:responsive_addons/responsive_addons.dart';
void main() {
//init
ResponsiveScale.initialize(
width: 428,
height: 926,
statusBar: 0, // or auto-detect from context if needed
);
runApp(const MyApp());
}
class MyApp extends StatelessWidget {
const MyApp({super.key});
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Responsive Addons',
debugShowCheckedModeBanner: false,
theme: ThemeData(useMaterial3: true, colorSchemeSeed: Colors.deepPurple),
home: const HomePage(),
);
}
}
class HomePage extends StatelessWidget {
const HomePage({super.key});
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(title: Text('Responsive', style: TextStyle(fontSize: 20.sp))),
body: Center(
child: Container(
width: 200.w,
height: 100.h,
color: Colors.teal,
alignment: Alignment.center,
child: Text(
'Responsive Box',
style: TextStyle(fontSize: 16.sp, color: Colors.white),
),
),
),
);
}
}