responsive_design_helper 0.0.2 copy "responsive_design_helper: ^0.0.2" to clipboard
responsive_design_helper: ^0.0.2 copied to clipboard

A Flutter package providing utilities for responsive design across different screen sizes.

example/lib/main.dart

import 'package:flutter/material.dart';
import 'package:responsive_design_helper/responsive_design_helper.dart';

void main() => runApp(const ResponsiveExampleApp());

class ResponsiveExampleApp extends StatelessWidget {
  const ResponsiveExampleApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Responsive Design Helper Example',
      home: Scaffold(
        appBar: AppBar(title: const Text('Responsive Example')),
        body: Responsive.responsiveWidget(
          context: context,
          mobile: Container(
            color: Colors.blue,
            child: const Center(
                child: Text('Mobile View', style: TextStyle(fontSize: 20))),
          ),
          tablet: Container(
            color: Colors.green,
            child: const Center(
                child: Text('Tablet View', style: TextStyle(fontSize: 20))),
          ),
          desktop: Container(
            color: Colors.red,
            child: const Center(
                child: Text('Desktop View', style: TextStyle(fontSize: 20))),
          ),
        ),
      ),
    );
  }
}
1
likes
160
points
32
downloads

Publisher

unverified uploader

Weekly Downloads

A Flutter package providing utilities for responsive design across different screen sizes.

Repository (GitHub)

Documentation

API reference

License

MIT (license)

Dependencies

flutter

More

Packages that depend on responsive_design_helper