responsive_phk 1.0.4
responsive_phk: ^1.0.4 copied to clipboard
A Flutter package to build responsive layouts effortlessly on multiple screen sizes.
responsive_phk #
A Flutter package that helps you build responsive layouts effortlessly across different screen sizes and devices.
Features #
✅ Easily adapt your widgets to different screen sizes.
✅ Lightweight and easy to use.
✅ No external dependencies.
Screenshots (Mobile) #
| [Responsive Center Mobile] | [Responsive Two Column Mobile] |
|---|---|
| Centered Layout | Two-Column Layout |
Screenshots (Web) #
| [Responsive Center Web] | [Responsive Two Column Web] |
|---|---|
| Centered Layout | Two-Column Layout |
Example usage #
import 'package:example/data/info_list.dart';
import 'package:flutter/material.dart';
import 'package:responsive_phk/widgets/responsive_center.dart';
class ResponseCenterScreen extends StatelessWidget {
const ResponseCenterScreen({super.key});
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Response Center Screen'),
centerTitle: true,
),
body: ResponsiveCenter(
padding: EdgeInsets.all(10),
child: ListView.builder(
itemCount: info.length,
itemBuilder: (context, index) {
return Card(
elevation: 5,
child: Padding(
padding: EdgeInsets.all(20),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text(info[index].title ?? ''),
Text(info[index].description)
],
),
),
);
},
),
),
);
}
}
## Getting started
Add this package to your `pubspec.yaml`:
```yaml
dependencies:
responsive_phk:
git:
url: https://github.com/pyaehtookyaw/responsive_phk.git